BETA: Impl
+ Register on Tween + extend now using Init(self) and so on, move props feature on slef TODO: + slot feature + spring feature
This commit is contained in:
qwreey75
parent
df7db983ae
commit
d32695e317
5 changed files with 375 additions and 348 deletions
7
DEV_CHANGELOG.txt
Normal file
7
DEV_CHANGELOG.txt
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
types 모듈이 삭제되며 init.lua 에 통합됨
|
||||||
|
|
||||||
|
:Tween() 필드에 register 값을, 또 Tween 자체에 register 값을 등록할 수 있음
|
||||||
|
|
||||||
|
이제 extend 에 대해서 Init(self) self 안에 props 기능이 내장되어있음
|
||||||
|
|
||||||
|
TODO: slot 기능 구현
|
||||||
|
|
@ -400,6 +400,10 @@ function module.init(shared)
|
||||||
return self
|
return self
|
||||||
end
|
end
|
||||||
|
|
||||||
|
function this:Default(...)
|
||||||
|
return this.__prop:Default(...)
|
||||||
|
end
|
||||||
|
|
||||||
function this:GetPropertyChangedSignal(propertyName)
|
function this:GetPropertyChangedSignal(propertyName)
|
||||||
local propertySignalList = rawget(self,"__propertyChangedSignals")
|
local propertySignalList = rawget(self,"__propertyChangedSignals")
|
||||||
if not propertySignalList then
|
if not propertySignalList then
|
||||||
|
|
|
||||||
346
src/init.lua
346
src/init.lua
|
|
@ -1,3 +1,345 @@
|
||||||
|
|
||||||
local types = require(script.types)
|
-------------------
|
||||||
return require(script.exports)::types.module
|
-- module_class
|
||||||
|
-------------------
|
||||||
|
export type extend = {
|
||||||
|
Getter: {[string]: ()->(any?)?};
|
||||||
|
Setter: {[string]: (value:any)->()?};
|
||||||
|
New: (prop:DOM_constructor)->DOM|any;
|
||||||
|
Init: (self:extend,props:valueStore)->();
|
||||||
|
Render: (self:extend,props:valueStore)->(DOM|any);
|
||||||
|
AfterRender: (self:extend,item:DOM|any,props:valueStore)->();
|
||||||
|
GetPropertyChangedSignal: (self:extend,propertyName:string)->signal;
|
||||||
|
EmitPropertyChangedSignal: (self:extend,propertyName:string,...any)->();
|
||||||
|
Update: (self:extend)->();
|
||||||
|
Destroy: (self:extend)->();
|
||||||
|
UpdateTriggers: {[string]:boolean?};
|
||||||
|
Unload: (self:extend,object:DOM|any)->();
|
||||||
|
GetChildren: (self:extend)->({DOM|any});
|
||||||
|
ChildAdded: signal;
|
||||||
|
}
|
||||||
|
export type DOM = {
|
||||||
|
[string]: any;
|
||||||
|
Destroy: (self:DOM)->();
|
||||||
|
GetPropertyChangedSignal: (self:DOM,propertyName:string)->(RBXScriptSignal|signal);
|
||||||
|
Update: (self:DOM)->();
|
||||||
|
}|extend;
|
||||||
|
export type DOM_constructor = {
|
||||||
|
[event]:
|
||||||
|
(DOM,...any)->()
|
||||||
|
&{self: any,func: (...any)->(...any)};
|
||||||
|
} & { [number]: DOM|style; }
|
||||||
|
& { [string]: any|register; }
|
||||||
|
export type DOM_creator = (DOM_constructor,...DOM_constructor)->DOM
|
||||||
|
export type imported =
|
||||||
|
{[string]:any}
|
||||||
|
&(ids:ObjectIdList)->DOM_creator
|
||||||
|
&DOM_creator
|
||||||
|
export type import = (ClassName:string|ModuleScript|extend|()->()|{any},defaultProperties:DOM_constructor?)->imported
|
||||||
|
export type module_class = {
|
||||||
|
Extend: ()->extend;
|
||||||
|
Import: import;
|
||||||
|
GetProperty: (item:extend|any,index:string,ClassName:string?)->any;
|
||||||
|
SetProperty: (item:extend|any,index:string,value:any,ClassName:string?)->();
|
||||||
|
Make: (ClassName:string|(...any)->any|extend,...{any})->any;
|
||||||
|
} & import
|
||||||
|
|
||||||
|
-------------------
|
||||||
|
-- module_event
|
||||||
|
-------------------
|
||||||
|
export type event = string
|
||||||
|
export type module_event = {
|
||||||
|
Prop: (propName:string)->event;
|
||||||
|
CreatedAsync: event;
|
||||||
|
Created: event;
|
||||||
|
Bind: (this:DOM|any,key:event|string,func:(...any)->(),typefunc:string?)->();
|
||||||
|
} & (eventName:string)->event;
|
||||||
|
|
||||||
|
-------------------
|
||||||
|
-- module_signal
|
||||||
|
-------------------
|
||||||
|
export type connection = {
|
||||||
|
Disconnect: (self:connection)->();
|
||||||
|
Destroy: (self:connection)->();
|
||||||
|
New: (signal,(...any)->())->();
|
||||||
|
}
|
||||||
|
export type signal = {
|
||||||
|
Fire: (self:signal,...any)->();
|
||||||
|
Wait: (self:signal)->();
|
||||||
|
CheckConnected: (self:signal,(...any)->())->boolean;
|
||||||
|
Connect: (self:signal,(...any)->())->connection;
|
||||||
|
Once: (self:signal,(...any)->())->connection;
|
||||||
|
Destroy: (self:signal)->();
|
||||||
|
New: (id:string?)->signal;
|
||||||
|
}
|
||||||
|
export type disconnecter = {
|
||||||
|
Add: (self:disconnecter,connection:RBXScriptConnection)->();
|
||||||
|
Destroy: (self:disconnecter)->();
|
||||||
|
Disconnect: (self:disconnecter)->();
|
||||||
|
New: (id:string?)->disconnecter;
|
||||||
|
}
|
||||||
|
export type module_signal = {
|
||||||
|
Disconnecter: disconnecter;
|
||||||
|
Bindable: signal;
|
||||||
|
}
|
||||||
|
|
||||||
|
-------------------
|
||||||
|
-- module_register
|
||||||
|
-------------------
|
||||||
|
export type register = {
|
||||||
|
Register: (self:register,()->())->();
|
||||||
|
With: <R>(self:R®ister,handler:{any}|(store:valueStore,value:any,key:any,item:DOM)->any)->R®ister;
|
||||||
|
Default: <R>(self:R®ister,value:any)->R®ister;
|
||||||
|
Add: <R>(self:R®ister,value:any)->R®ister;
|
||||||
|
Tween: <R>(self:R®ister,tween:TweenOptions)->R®ister;
|
||||||
|
}
|
||||||
|
export type valueStore = {[any]:any,Default:(key:string,value:any)->()}&(key:string)->register
|
||||||
|
export type objectList = {
|
||||||
|
Each: (self:objectList,(item:DOM|any,index:number)->())->();
|
||||||
|
EachSync: (self:objectList,(item:DOM|any,index:number)->())->();
|
||||||
|
Remove: (self:objectList,index:number|DOM)->(DOM?,number?);
|
||||||
|
IsEmpty: (self:objectList)->boolean;
|
||||||
|
}
|
||||||
|
export type ObjectIdList = string
|
||||||
|
export type module_store = {
|
||||||
|
GetObjects: (ids:ObjectIdList)->objectList;
|
||||||
|
GetObject: (id:string)->DOM?;
|
||||||
|
AddObject: (ids:ObjectIdList,item:Dom|any)->();
|
||||||
|
GetStore: (id:string?)->valueStore;
|
||||||
|
} & (id:string?)->valueStore
|
||||||
|
|
||||||
|
-------------------
|
||||||
|
-- module_style
|
||||||
|
-------------------
|
||||||
|
export type style = {}
|
||||||
|
export type module_style = {
|
||||||
|
New: (props:{[string]:any})->style;
|
||||||
|
} & (props:{[string]:any})->style
|
||||||
|
|
||||||
|
-------------------
|
||||||
|
-- module_mount
|
||||||
|
-------------------
|
||||||
|
export type mount = {
|
||||||
|
Unmount: (self:mount)->();
|
||||||
|
}
|
||||||
|
export type mounts = mount & {
|
||||||
|
Add: (self:mount,...DOM|any)->();
|
||||||
|
}
|
||||||
|
export type module_mount = {
|
||||||
|
MountOne: (to:DOM|any,object:DOM|any,holder:DOM|any?,noReturn:boolean?)->mount;
|
||||||
|
GetHolder: (item:DOM|any)->any?;
|
||||||
|
} & (to:DOM|any,object:DOM|any,holder:DOM|any?)->mounts
|
||||||
|
|
||||||
|
-------------------
|
||||||
|
-- module_tween
|
||||||
|
-------------------
|
||||||
|
export type TweenOnStepped = (Item:DOM|any,Alpha:number,AbsolutePercent:number)->()
|
||||||
|
export type TweenEnded = (Item:DOM|any)->()
|
||||||
|
export type TweenSetter = (Item:DOM|any,Property:string,Value:Lerpable)->()
|
||||||
|
export type TweenGetter = (Item:DOM|any,Property:string)->any
|
||||||
|
export type TweenOptions = {
|
||||||
|
Easing: "Linear"
|
||||||
|
|"Quint"
|
||||||
|
|"Quart"
|
||||||
|
|"Cubic"
|
||||||
|
|"Quad"
|
||||||
|
|"Sin"
|
||||||
|
|"Circle"
|
||||||
|
|"Expo"
|
||||||
|
|"Elastic"
|
||||||
|
|"Bounce"
|
||||||
|
|"Back"
|
||||||
|
|"Exp2"
|
||||||
|
|"Exp4"
|
||||||
|
|EasingFunction?;
|
||||||
|
Direction: "Out"|"InOut"|"In"|EasingDirection?;
|
||||||
|
CallBack: {[number|"*"|string]:(Item:DOM|any,Alpha:number,AbsolutePercent:number)->()}?;
|
||||||
|
OnStepped: TweenOnStepped?; -- Same as CallBack{["*"]:()->()} But faster then CallBack due to table loop
|
||||||
|
Ended: TweenEnded?;
|
||||||
|
Getter: TweenGetter?;
|
||||||
|
Setter: TweenSetter?;
|
||||||
|
Time: number?;
|
||||||
|
}
|
||||||
|
export type EasingFunction = {run:(number)->number,[any]:any}
|
||||||
|
export type EasingFunctions = {
|
||||||
|
Linear: EasingFunction; ---직선, Linear. i=x, x=0 to 1
|
||||||
|
Quint: EasingFunction; ---5제곱, Quint. (^5) i=1-(1-x)^5, x=0 to 1
|
||||||
|
Quart: EasingFunction; ---4제곱, Quart. (^4) i=1-(1-x)^4, x=0 to 1
|
||||||
|
Cubic: EasingFunction; ---3제곱, Cubic. (^3) i=1-(1-x)^3, x=0 to 1
|
||||||
|
Quad: EasingFunction; ---2제곱, Quad. (^2) i=1-(1-x)^2, x=0 to 1
|
||||||
|
Sin: EasingFunction; ---사인파, Sin. i=sin(x*pi/2), x=0 to 1
|
||||||
|
Circle: EasingFunction; ---사분원, Circle. i=sqrt(1-(1-x)^2), x=0 to 1
|
||||||
|
Expo: EasingFunction; ---지수함수, Expo. i=1-2^(-10*x), x=0 to 1
|
||||||
|
Elastic: EasingFunction; ---탄성, Elastic.
|
||||||
|
Bounce: EasingFunction; ---튀어오름, Bounce
|
||||||
|
Back: EasingFunction; ---뒤로 움직임, Back
|
||||||
|
|
||||||
|
-- Old things
|
||||||
|
Exp2: EasingFunction; ---덜 가파른 지수. i=exp(x)/max, x=-4 to 2
|
||||||
|
Exp4: EasingFunction; ---더 가파른 지수. i=exp(x)/max, x=-4 to 4
|
||||||
|
}
|
||||||
|
export type EasingDirection = string
|
||||||
|
export type EasingDirections = {
|
||||||
|
Out: EasingDirection&"Out";
|
||||||
|
In: EasingDirection&"In";
|
||||||
|
InOut: EasingDirection&"InOut";
|
||||||
|
}
|
||||||
|
export type Lerpable = Color3|UDim|UDim2|number|Vector2|Vector3|CFrame
|
||||||
|
export type TweenHandler = ()->();
|
||||||
|
export type module_tween = {
|
||||||
|
EasingFunctions:EasingFunctions;
|
||||||
|
Easings:EasingFunctions;
|
||||||
|
EasingDirections:EasingDirections;
|
||||||
|
Directions:EasingDirections;
|
||||||
|
LerpProperties: <item>(item:item&(DOM|any),old:{[string]:Lerpable},new:{[string]:Lerpable},alpha:number,setter:(item:item&(DOM|any),property:string,value:Lerpable)->()?)->();
|
||||||
|
RunTween: (Item:DOM|any,Option:TweenOptions,Properties:{[string]:Lerpable},Ended:TweenEnded?,OnStepped:TweenOnStepped?,Setter:TweenSetter?,Getter:TweenGetter?)->TweenHandler;
|
||||||
|
RunTweens: (Items:{[number]:DOM|any},Option:TweenOptions,Properties:{[string]:Lerpable},Ended:TweenEnded?,OnStepped:TweenOnStepped?,Setter:TweenSetter?,Getter:TweenGetter?)->();
|
||||||
|
StopTween: (ItemOrStep:TweenHandler|DOM|any)->();
|
||||||
|
StopPropertyTween: (Item:DOM|any,PropertyName:string)->();
|
||||||
|
IsTweening: (ItemOrStep:TweenHandler|DOM|any)->boolean;
|
||||||
|
IsPropertyTweening: (Item:DOM|any,PropertyName:string)->boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
-------------------
|
||||||
|
-- module_round
|
||||||
|
-------------------
|
||||||
|
export type module_round = {
|
||||||
|
SetRound: (ImageFrame:ImageLabel|ImageButton,RoundSize:number)->(ImageLabel|ImageButton);
|
||||||
|
SetOutline: (ImageFrame:ImageLabel|ImageButton,RoundSize:number)->(ImageLabel|ImageButton);
|
||||||
|
GetRound: (ImageFrame:ImageLabel|ImageButton)->number;
|
||||||
|
GetOutline: (ImageFrame:ImageLabel|ImageButton)->number;
|
||||||
|
}
|
||||||
|
|
||||||
|
-------------------
|
||||||
|
-- module_signal
|
||||||
|
-------------------
|
||||||
|
export type langOptions = {
|
||||||
|
[string]: register|string|number|any;
|
||||||
|
}
|
||||||
|
export type langHandler = {
|
||||||
|
[string]: string|(langOptions:langOptions)->string;
|
||||||
|
}
|
||||||
|
export type Locale = string
|
||||||
|
export type module_lang = {
|
||||||
|
New: (id:string,handlers:{
|
||||||
|
["default"]: langHandler;
|
||||||
|
["en-us"]: langHandler;
|
||||||
|
["es-es"]: langHandler;
|
||||||
|
["fr-fr"]: langHandler;
|
||||||
|
["id-id"]: langHandler;
|
||||||
|
["it-it"]: langHandler;
|
||||||
|
["ja-jp"]: langHandler;
|
||||||
|
["ko-kr"]: langHandler;
|
||||||
|
["ru-ru"]: langHandler;
|
||||||
|
["th-th"]: langHandler;
|
||||||
|
["tr-tr"]: langHandler;
|
||||||
|
["vi-vn"]: langHandler;
|
||||||
|
["pt-br"]: langHandler;
|
||||||
|
["de-de"]: langHandler;
|
||||||
|
["zh-cn"]: langHandler;
|
||||||
|
["zh-tw"]: langHandler;
|
||||||
|
["bg-bg"]: langHandler;
|
||||||
|
["bn-bd"]: langHandler;
|
||||||
|
["cs-cz"]: langHandler;
|
||||||
|
["da-dk"]: langHandler;
|
||||||
|
["el-gr"]: langHandler;
|
||||||
|
["et-ee"]: langHandler;
|
||||||
|
["fi-fi"]: langHandler;
|
||||||
|
["hi-in"]: langHandler;
|
||||||
|
["hr-hr"]: langHandler;
|
||||||
|
["hu-hu"]: langHandler;
|
||||||
|
["ka-ge"]: langHandler;
|
||||||
|
["kk-kz"]: langHandler;
|
||||||
|
["km-kh"]: langHandler;
|
||||||
|
["lt-lt"]: langHandler;
|
||||||
|
["lv-lv"]: langHandler;
|
||||||
|
["ms-my"]: langHandler;
|
||||||
|
["my-mm"]: langHandler;
|
||||||
|
["nb-no"]: langHandler;
|
||||||
|
["nl-nl"]: langHandler;
|
||||||
|
["fil-ph"]: langHandler;
|
||||||
|
["pl-pl"]: langHandler;
|
||||||
|
["ro-ro"]: langHandler;
|
||||||
|
["uk-ua"]: langHandler;
|
||||||
|
["si-lk"]: langHandler;
|
||||||
|
["sk-sk"]: langHandler;
|
||||||
|
["sl-sl"]: langHandler;
|
||||||
|
["sq-al"]: langHandler;
|
||||||
|
["bs-ba"]: langHandler;
|
||||||
|
["sr-rs"]: langHandler;
|
||||||
|
["sv-se"]: langHandler;
|
||||||
|
["ar-001"]: langHandler;
|
||||||
|
})->();
|
||||||
|
Locales: {
|
||||||
|
Default: "default";
|
||||||
|
English: Locale & "en-us";
|
||||||
|
Spanish: Locale & "es-es";
|
||||||
|
French: Locale & "fr-fr";
|
||||||
|
Indonesian: Locale & "id-id";
|
||||||
|
Italian: Locale & "it-it";
|
||||||
|
Japanese: Locale & "ja-jp";
|
||||||
|
Korean: Locale & "ko-kr";
|
||||||
|
Russian: Locale & "ru-ru";
|
||||||
|
Thai: Locale & "th-th";
|
||||||
|
Turkish: Locale & "tr-tr";
|
||||||
|
Vietnamese: Locale & "vi-vn";
|
||||||
|
Portuguese: Locale & "pt-br";
|
||||||
|
German: Locale & "de-de";
|
||||||
|
ChineseSimplified: Locale & "zh-cn";
|
||||||
|
ChineseTraditional: Locale & "zh-tw";
|
||||||
|
Bulgarian: Locale & "bg-bg";
|
||||||
|
Bengali: Locale & "bn-bd";
|
||||||
|
Czech: Locale & "cs-cz";
|
||||||
|
Danish: Locale & "da-dk";
|
||||||
|
Greek: Locale & "el-gr";
|
||||||
|
Estonian: Locale & "et-ee";
|
||||||
|
Finnish: Locale & "fi-fi";
|
||||||
|
Hindi: Locale & "hi-in";
|
||||||
|
Croatian: Locale & "hr-hr";
|
||||||
|
Hungarian: Locale & "hu-hu";
|
||||||
|
Georgian: Locale & "ka-ge";
|
||||||
|
Kazakh: Locale & "kk-kz";
|
||||||
|
Khmer: Locale & "km-kh";
|
||||||
|
Lithuanian: Locale & "lt-lt";
|
||||||
|
Latvian: Locale & "lv-lv";
|
||||||
|
Malay: Locale & "ms-my";
|
||||||
|
Burmese: Locale & "my-mm";
|
||||||
|
Bokmal: Locale & "nb-no";
|
||||||
|
Dutch: Locale & "nl-nl";
|
||||||
|
Filipino: Locale & "fil-ph";
|
||||||
|
Polish: Locale & "pl-pl";
|
||||||
|
Romanian: Locale & "ro-ro";
|
||||||
|
Ukrainian: Locale & "uk-ua";
|
||||||
|
Sinhala: Locale & "si-lk";
|
||||||
|
Slovak: Locale & "sk-sk";
|
||||||
|
Slovenian: Locale & "sl-sl";
|
||||||
|
Albanian: Locale & "sq-al";
|
||||||
|
Bosnian: Locale & "bs-ba";
|
||||||
|
Serbian: Locale & "sr-rs";
|
||||||
|
Swedish: Locale & "sv-se";
|
||||||
|
Arabic: Locale & "ar-001";
|
||||||
|
};
|
||||||
|
CurrentLocale: Locale;
|
||||||
|
FailedMessage: string;
|
||||||
|
} & (id:string)->(langOptions)->register;
|
||||||
|
|
||||||
|
-------------------
|
||||||
|
-- module
|
||||||
|
-------------------
|
||||||
|
export type module_exported = {
|
||||||
|
Signal: module_signal;
|
||||||
|
Round: module_round;
|
||||||
|
Tween: module_tween;
|
||||||
|
Style: module_style;
|
||||||
|
Event: module_event;
|
||||||
|
Store: module_store;
|
||||||
|
Mount: module_mount;
|
||||||
|
Class: module_class;
|
||||||
|
Lang: module_lang;
|
||||||
|
}
|
||||||
|
export type module = {
|
||||||
|
Uninit: (QuadId:string)->();
|
||||||
|
Init: (QuadId:string?)->module_exported;
|
||||||
|
}
|
||||||
|
|
||||||
|
return require(script.exports)::module
|
||||||
|
|
|
||||||
|
|
@ -189,6 +189,23 @@ function module.init(shared)
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
|
-- resolve tween object
|
||||||
|
local function ResolveRegisterTween(s,tween)
|
||||||
|
if not tween then return end
|
||||||
|
if type(tween) == "table" and PcallGetProperty(tween,"__type") == "quad_register" then
|
||||||
|
tween = tween:CalcWithDefault(s)
|
||||||
|
end
|
||||||
|
local result = {}
|
||||||
|
for i,v in pairs(tween) do
|
||||||
|
if type(v) == "table" and PcallGetProperty(tween,"__type" == "quad_register") then
|
||||||
|
result[i] = tween:CalcWithDefault(v)
|
||||||
|
else
|
||||||
|
result[i] = v
|
||||||
|
end
|
||||||
|
end
|
||||||
|
return result
|
||||||
|
end
|
||||||
|
|
||||||
local registerClass = {
|
local registerClass = {
|
||||||
__type = "quad_register";
|
__type = "quad_register";
|
||||||
Unregister = function(s,efunc)
|
Unregister = function(s,efunc)
|
||||||
|
|
@ -251,6 +268,7 @@ function module.init(shared)
|
||||||
Tween = function (s,tvalue)
|
Tween = function (s,tvalue)
|
||||||
-- s.tvalue = tvalue
|
-- s.tvalue = tvalue
|
||||||
-- return s
|
-- return s
|
||||||
|
if tvalue == true then tvalue = {} end
|
||||||
return setmetatable({tvalue = tvalue},{__index = s})
|
return setmetatable({tvalue = tvalue},{__index = s})
|
||||||
end;
|
end;
|
||||||
---@deprecated
|
---@deprecated
|
||||||
|
|
@ -270,7 +288,7 @@ function module.init(shared)
|
||||||
local with = s.wfunc
|
local with = s.wfunc
|
||||||
local tstore = s.store
|
local tstore = s.store
|
||||||
local rawKey = s.key
|
local rawKey = s.key
|
||||||
local tween = s.tvalue or tstore.__tweens[rawKey]
|
local tween = ResolveRegisterTween(s,s.tvalue or tstore.__tweens[rawKey])
|
||||||
local from = s.fvalue
|
local from = s.fvalue
|
||||||
local add = s.avalue
|
local add = s.avalue
|
||||||
local set = tstore[rawKey]
|
local set = tstore[rawKey]
|
||||||
|
|
@ -304,7 +322,7 @@ function module.init(shared)
|
||||||
local with = s.wfunc
|
local with = s.wfunc
|
||||||
local tstore = s.store
|
local tstore = s.store
|
||||||
local rawKey = s.key
|
local rawKey = s.key
|
||||||
local tween = s.tvalue or tstore.__tweens[rawKey]
|
local tween = ResolveRegisterTween(s,s.tvalue or tstore.__tweens[rawKey])
|
||||||
local from = s.fvalue
|
local from = s.fvalue
|
||||||
local add = s.avalue
|
local add = s.avalue
|
||||||
if add then
|
if add then
|
||||||
|
|
|
||||||
344
src/types.lua
344
src/types.lua
|
|
@ -1,344 +0,0 @@
|
||||||
-------------------
|
|
||||||
-- module_class
|
|
||||||
-------------------
|
|
||||||
export type extend = {
|
|
||||||
Getter: {[string]: ()->(any?)?};
|
|
||||||
Setter: {[string]: (value:any)->()?};
|
|
||||||
New: (prop:DOM_constructor)->DOM|any;
|
|
||||||
Init: (self:extend,props:valueStore)->();
|
|
||||||
Render: (self:extend,props:valueStore)->(DOM|any);
|
|
||||||
AfterRender: (self:extend,item:DOM|any,props:valueStore)->();
|
|
||||||
GetPropertyChangedSignal: (self:extend,propertyName:string)->signal;
|
|
||||||
EmitPropertyChangedSignal: (self:extend,propertyName:string,...any)->();
|
|
||||||
Update: (self:extend)->();
|
|
||||||
Destroy: (self:extend)->();
|
|
||||||
UpdateTriggers: {[string]:boolean?};
|
|
||||||
Unload: (self:extend,object:DOM|any)->();
|
|
||||||
GetChildren: (self:extend)->({DOM|any});
|
|
||||||
ChildAdded: signal;
|
|
||||||
}
|
|
||||||
export type DOM = {
|
|
||||||
[string]: any;
|
|
||||||
Destroy: (self:DOM)->();
|
|
||||||
GetPropertyChangedSignal: (self:DOM,propertyName:string)->(RBXScriptSignal|signal);
|
|
||||||
Update: (self:DOM)->();
|
|
||||||
}|extend;
|
|
||||||
export type DOM_constructor = {
|
|
||||||
[event]:
|
|
||||||
(DOM,...any)->()
|
|
||||||
&{self: any,func: (...any)->(...any)};
|
|
||||||
} & { [number]: DOM|style; }
|
|
||||||
& { [string]: any|register; }
|
|
||||||
export type DOM_creator = (DOM_constructor,...DOM_constructor)->DOM
|
|
||||||
export type imported =
|
|
||||||
{[string]:any}
|
|
||||||
&(ids:ObjectIdList)->DOM_creator
|
|
||||||
&DOM_creator
|
|
||||||
export type import = (ClassName:string|ModuleScript|extend|()->()|{any},defaultProperties:DOM_constructor?)->imported
|
|
||||||
export type module_class = {
|
|
||||||
Extend: ()->extend;
|
|
||||||
Import: import;
|
|
||||||
GetProperty: (item:extend|any,index:string,ClassName:string?)->any;
|
|
||||||
SetProperty: (item:extend|any,index:string,value:any,ClassName:string?)->();
|
|
||||||
Make: (ClassName:string|(...any)->any|extend,...{any})->any;
|
|
||||||
} & import
|
|
||||||
|
|
||||||
-------------------
|
|
||||||
-- module_event
|
|
||||||
-------------------
|
|
||||||
export type event = string
|
|
||||||
export type module_event = {
|
|
||||||
Prop: (propName:string)->event;
|
|
||||||
CreatedAsync: event;
|
|
||||||
Created: event;
|
|
||||||
Bind: (this:DOM|any,key:event|string,func:(...any)->(),typefunc:string?)->();
|
|
||||||
} & (eventName:string)->event;
|
|
||||||
|
|
||||||
-------------------
|
|
||||||
-- module_signal
|
|
||||||
-------------------
|
|
||||||
export type connection = {
|
|
||||||
Disconnect: (self:connection)->();
|
|
||||||
Destroy: (self:connection)->();
|
|
||||||
New: (signal,(...any)->())->();
|
|
||||||
}
|
|
||||||
export type signal = {
|
|
||||||
Fire: (self:signal,...any)->();
|
|
||||||
Wait: (self:signal)->();
|
|
||||||
CheckConnected: (self:signal,(...any)->())->boolean;
|
|
||||||
Connect: (self:signal,(...any)->())->connection;
|
|
||||||
Once: (self:signal,(...any)->())->connection;
|
|
||||||
Destroy: (self:signal)->();
|
|
||||||
New: (id:string?)->signal;
|
|
||||||
}
|
|
||||||
export type disconnecter = {
|
|
||||||
Add: (self:disconnecter,connection:RBXScriptConnection)->();
|
|
||||||
Destroy: (self:disconnecter)->();
|
|
||||||
Disconnect: (self:disconnecter)->();
|
|
||||||
New: (id:string?)->disconnecter;
|
|
||||||
}
|
|
||||||
export type module_signal = {
|
|
||||||
Disconnecter: disconnecter;
|
|
||||||
Bindable: signal;
|
|
||||||
}
|
|
||||||
|
|
||||||
-------------------
|
|
||||||
-- module_register
|
|
||||||
-------------------
|
|
||||||
export type register = {
|
|
||||||
Register: (self:register,()->())->();
|
|
||||||
With: <R>(self:R®ister,handler:{any}|(store:valueStore,value:any,key:any,item:DOM)->any)->R®ister;
|
|
||||||
Default: <R>(self:R®ister,value:any)->R®ister;
|
|
||||||
Add: <R>(self:R®ister,value:any)->R®ister;
|
|
||||||
Tween: <R>(self:R®ister,tween:TweenOptions)->R®ister;
|
|
||||||
}
|
|
||||||
export type valueStore = {[any]:any,Default:(key:string,value:any)->()}&(key:string)->register
|
|
||||||
export type objectList = {
|
|
||||||
Each: (self:objectList,(item:DOM|any,index:number)->())->();
|
|
||||||
EachSync: (self:objectList,(item:DOM|any,index:number)->())->();
|
|
||||||
Remove: (self:objectList,index:number|DOM)->(DOM?,number?);
|
|
||||||
IsEmpty: (self:objectList)->boolean;
|
|
||||||
}
|
|
||||||
export type ObjectIdList = string
|
|
||||||
export type module_store = {
|
|
||||||
GetObjects: (ids:ObjectIdList)->objectList;
|
|
||||||
GetObject: (id:string)->DOM?;
|
|
||||||
AddObject: (ids:ObjectIdList,item:Dom|any)->();
|
|
||||||
GetStore: (id:string?)->valueStore;
|
|
||||||
} & (id:string?)->valueStore
|
|
||||||
|
|
||||||
-------------------
|
|
||||||
-- module_style
|
|
||||||
-------------------
|
|
||||||
export type style = {}
|
|
||||||
export type module_style = {
|
|
||||||
New: (props:{[string]:any})->style;
|
|
||||||
} & (props:{[string]:any})->style
|
|
||||||
|
|
||||||
-------------------
|
|
||||||
-- module_mount
|
|
||||||
-------------------
|
|
||||||
export type mount = {
|
|
||||||
Unmount: (self:mount)->();
|
|
||||||
}
|
|
||||||
export type mounts = mount & {
|
|
||||||
Add: (self:mount,...DOM|any)->();
|
|
||||||
}
|
|
||||||
export type module_mount = {
|
|
||||||
MountOne: (to:DOM|any,object:DOM|any,holder:DOM|any?,noReturn:boolean?)->mount;
|
|
||||||
GetHolder: (item:DOM|any)->any?;
|
|
||||||
} & (to:DOM|any,object:DOM|any,holder:DOM|any?)->mounts
|
|
||||||
|
|
||||||
-------------------
|
|
||||||
-- module_tween
|
|
||||||
-------------------
|
|
||||||
export type TweenOnStepped = (Item:DOM|any,Alpha:number,AbsolutePercent:number)->()
|
|
||||||
export type TweenEnded = (Item:DOM|any)->()
|
|
||||||
export type TweenSetter = (Item:DOM|any,Property:string,Value:Lerpable)->()
|
|
||||||
export type TweenGetter = (Item:DOM|any,Property:string)->any
|
|
||||||
export type TweenOptions = {
|
|
||||||
Easing: "Linear"
|
|
||||||
|"Quint"
|
|
||||||
|"Quart"
|
|
||||||
|"Cubic"
|
|
||||||
|"Quad"
|
|
||||||
|"Sin"
|
|
||||||
|"Circle"
|
|
||||||
|"Expo"
|
|
||||||
|"Elastic"
|
|
||||||
|"Bounce"
|
|
||||||
|"Back"
|
|
||||||
|"Exp2"
|
|
||||||
|"Exp4"
|
|
||||||
|EasingFunction?;
|
|
||||||
Direction: "Out"|"InOut"|"In"|EasingDirection?;
|
|
||||||
CallBack: {[number|"*"|string]:(Item:DOM|any,Alpha:number,AbsolutePercent:number)->()}?;
|
|
||||||
OnStepped: TweenOnStepped?; -- Same as CallBack{["*"]:()->()} But faster then CallBack due to table loop
|
|
||||||
Ended: TweenEnded?;
|
|
||||||
Getter: TweenGetter?;
|
|
||||||
Setter: TweenSetter?;
|
|
||||||
Time: number?;
|
|
||||||
}
|
|
||||||
export type EasingFunction = {run:(number)->number,[any]:any}
|
|
||||||
export type EasingFunctions = {
|
|
||||||
Linear: EasingFunction; ---직선, Linear. i=x, x=0 to 1
|
|
||||||
Quint: EasingFunction; ---5제곱, Quint. (^5) i=1-(1-x)^5, x=0 to 1
|
|
||||||
Quart: EasingFunction; ---4제곱, Quart. (^4) i=1-(1-x)^4, x=0 to 1
|
|
||||||
Cubic: EasingFunction; ---3제곱, Cubic. (^3) i=1-(1-x)^3, x=0 to 1
|
|
||||||
Quad: EasingFunction; ---2제곱, Quad. (^2) i=1-(1-x)^2, x=0 to 1
|
|
||||||
Sin: EasingFunction; ---사인파, Sin. i=sin(x*pi/2), x=0 to 1
|
|
||||||
Circle: EasingFunction; ---사분원, Circle. i=sqrt(1-(1-x)^2), x=0 to 1
|
|
||||||
Expo: EasingFunction; ---지수함수, Expo. i=1-2^(-10*x), x=0 to 1
|
|
||||||
Elastic: EasingFunction; ---탄성, Elastic.
|
|
||||||
Bounce: EasingFunction; ---튀어오름, Bounce
|
|
||||||
Back: EasingFunction; ---뒤로 움직임, Back
|
|
||||||
|
|
||||||
-- Old things
|
|
||||||
Exp2: EasingFunction; ---덜 가파른 지수. i=exp(x)/max, x=-4 to 2
|
|
||||||
Exp4: EasingFunction; ---더 가파른 지수. i=exp(x)/max, x=-4 to 4
|
|
||||||
}
|
|
||||||
export type EasingDirection = string
|
|
||||||
export type EasingDirections = {
|
|
||||||
Out: EasingDirection&"Out";
|
|
||||||
In: EasingDirection&"In";
|
|
||||||
InOut: EasingDirection&"InOut";
|
|
||||||
}
|
|
||||||
export type Lerpable = Color3|UDim|UDim2|number|Vector2|Vector3|CFrame
|
|
||||||
export type TweenHandler = ()->();
|
|
||||||
export type module_tween = {
|
|
||||||
EasingFunctions:EasingFunctions;
|
|
||||||
Easings:EasingFunctions;
|
|
||||||
EasingDirections:EasingDirections;
|
|
||||||
Directions:EasingDirections;
|
|
||||||
LerpProperties: <item>(item:item&(DOM|any),old:{[string]:Lerpable},new:{[string]:Lerpable},alpha:number,setter:(item:item&(DOM|any),property:string,value:Lerpable)->()?)->();
|
|
||||||
RunTween: (Item:DOM|any,Option:TweenOptions,Properties:{[string]:Lerpable},Ended:TweenEnded?,OnStepped:TweenOnStepped?,Setter:TweenSetter?,Getter:TweenGetter?)->TweenHandler;
|
|
||||||
RunTweens: (Items:{[number]:DOM|any},Option:TweenOptions,Properties:{[string]:Lerpable},Ended:TweenEnded?,OnStepped:TweenOnStepped?,Setter:TweenSetter?,Getter:TweenGetter?)->();
|
|
||||||
StopTween: (ItemOrStep:TweenHandler|DOM|any)->();
|
|
||||||
StopPropertyTween: (Item:DOM|any,PropertyName:string)->();
|
|
||||||
IsTweening: (ItemOrStep:TweenHandler|DOM|any)->boolean;
|
|
||||||
IsPropertyTweening: (Item:DOM|any,PropertyName:string)->boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
-------------------
|
|
||||||
-- module_round
|
|
||||||
-------------------
|
|
||||||
export type module_round = {
|
|
||||||
SetRound: (ImageFrame:ImageLabel|ImageButton,RoundSize:number)->(ImageLabel|ImageButton);
|
|
||||||
SetOutline: (ImageFrame:ImageLabel|ImageButton,RoundSize:number)->(ImageLabel|ImageButton);
|
|
||||||
GetRound: (ImageFrame:ImageLabel|ImageButton)->number;
|
|
||||||
GetOutline: (ImageFrame:ImageLabel|ImageButton)->number;
|
|
||||||
}
|
|
||||||
|
|
||||||
-------------------
|
|
||||||
-- module_signal
|
|
||||||
-------------------
|
|
||||||
export type langOptions = {
|
|
||||||
[string]: register|string|number|any;
|
|
||||||
}
|
|
||||||
export type langHandler = {
|
|
||||||
[string]: string|(langOptions:langOptions)->string;
|
|
||||||
}
|
|
||||||
export type Locale = string
|
|
||||||
export type module_lang = {
|
|
||||||
New: (id:string,handlers:{
|
|
||||||
["default"]: langHandler;
|
|
||||||
["en-us"]: langHandler;
|
|
||||||
["es-es"]: langHandler;
|
|
||||||
["fr-fr"]: langHandler;
|
|
||||||
["id-id"]: langHandler;
|
|
||||||
["it-it"]: langHandler;
|
|
||||||
["ja-jp"]: langHandler;
|
|
||||||
["ko-kr"]: langHandler;
|
|
||||||
["ru-ru"]: langHandler;
|
|
||||||
["th-th"]: langHandler;
|
|
||||||
["tr-tr"]: langHandler;
|
|
||||||
["vi-vn"]: langHandler;
|
|
||||||
["pt-br"]: langHandler;
|
|
||||||
["de-de"]: langHandler;
|
|
||||||
["zh-cn"]: langHandler;
|
|
||||||
["zh-tw"]: langHandler;
|
|
||||||
["bg-bg"]: langHandler;
|
|
||||||
["bn-bd"]: langHandler;
|
|
||||||
["cs-cz"]: langHandler;
|
|
||||||
["da-dk"]: langHandler;
|
|
||||||
["el-gr"]: langHandler;
|
|
||||||
["et-ee"]: langHandler;
|
|
||||||
["fi-fi"]: langHandler;
|
|
||||||
["hi-in"]: langHandler;
|
|
||||||
["hr-hr"]: langHandler;
|
|
||||||
["hu-hu"]: langHandler;
|
|
||||||
["ka-ge"]: langHandler;
|
|
||||||
["kk-kz"]: langHandler;
|
|
||||||
["km-kh"]: langHandler;
|
|
||||||
["lt-lt"]: langHandler;
|
|
||||||
["lv-lv"]: langHandler;
|
|
||||||
["ms-my"]: langHandler;
|
|
||||||
["my-mm"]: langHandler;
|
|
||||||
["nb-no"]: langHandler;
|
|
||||||
["nl-nl"]: langHandler;
|
|
||||||
["fil-ph"]: langHandler;
|
|
||||||
["pl-pl"]: langHandler;
|
|
||||||
["ro-ro"]: langHandler;
|
|
||||||
["uk-ua"]: langHandler;
|
|
||||||
["si-lk"]: langHandler;
|
|
||||||
["sk-sk"]: langHandler;
|
|
||||||
["sl-sl"]: langHandler;
|
|
||||||
["sq-al"]: langHandler;
|
|
||||||
["bs-ba"]: langHandler;
|
|
||||||
["sr-rs"]: langHandler;
|
|
||||||
["sv-se"]: langHandler;
|
|
||||||
["ar-001"]: langHandler;
|
|
||||||
})->();
|
|
||||||
Locales: {
|
|
||||||
Default: "default";
|
|
||||||
English: Locale & "en-us";
|
|
||||||
Spanish: Locale & "es-es";
|
|
||||||
French: Locale & "fr-fr";
|
|
||||||
Indonesian: Locale & "id-id";
|
|
||||||
Italian: Locale & "it-it";
|
|
||||||
Japanese: Locale & "ja-jp";
|
|
||||||
Korean: Locale & "ko-kr";
|
|
||||||
Russian: Locale & "ru-ru";
|
|
||||||
Thai: Locale & "th-th";
|
|
||||||
Turkish: Locale & "tr-tr";
|
|
||||||
Vietnamese: Locale & "vi-vn";
|
|
||||||
Portuguese: Locale & "pt-br";
|
|
||||||
German: Locale & "de-de";
|
|
||||||
ChineseSimplified: Locale & "zh-cn";
|
|
||||||
ChineseTraditional: Locale & "zh-tw";
|
|
||||||
Bulgarian: Locale & "bg-bg";
|
|
||||||
Bengali: Locale & "bn-bd";
|
|
||||||
Czech: Locale & "cs-cz";
|
|
||||||
Danish: Locale & "da-dk";
|
|
||||||
Greek: Locale & "el-gr";
|
|
||||||
Estonian: Locale & "et-ee";
|
|
||||||
Finnish: Locale & "fi-fi";
|
|
||||||
Hindi: Locale & "hi-in";
|
|
||||||
Croatian: Locale & "hr-hr";
|
|
||||||
Hungarian: Locale & "hu-hu";
|
|
||||||
Georgian: Locale & "ka-ge";
|
|
||||||
Kazakh: Locale & "kk-kz";
|
|
||||||
Khmer: Locale & "km-kh";
|
|
||||||
Lithuanian: Locale & "lt-lt";
|
|
||||||
Latvian: Locale & "lv-lv";
|
|
||||||
Malay: Locale & "ms-my";
|
|
||||||
Burmese: Locale & "my-mm";
|
|
||||||
Bokmal: Locale & "nb-no";
|
|
||||||
Dutch: Locale & "nl-nl";
|
|
||||||
Filipino: Locale & "fil-ph";
|
|
||||||
Polish: Locale & "pl-pl";
|
|
||||||
Romanian: Locale & "ro-ro";
|
|
||||||
Ukrainian: Locale & "uk-ua";
|
|
||||||
Sinhala: Locale & "si-lk";
|
|
||||||
Slovak: Locale & "sk-sk";
|
|
||||||
Slovenian: Locale & "sl-sl";
|
|
||||||
Albanian: Locale & "sq-al";
|
|
||||||
Bosnian: Locale & "bs-ba";
|
|
||||||
Serbian: Locale & "sr-rs";
|
|
||||||
Swedish: Locale & "sv-se";
|
|
||||||
Arabic: Locale & "ar-001";
|
|
||||||
};
|
|
||||||
CurrentLocale: Locale;
|
|
||||||
FailedMessage: string;
|
|
||||||
} & (id:string)->(langOptions)->register;
|
|
||||||
|
|
||||||
-------------------
|
|
||||||
-- module
|
|
||||||
-------------------
|
|
||||||
export type module_exported = {
|
|
||||||
Signal: module_signal;
|
|
||||||
Round: module_round;
|
|
||||||
Tween: module_tween;
|
|
||||||
Style: module_style;
|
|
||||||
Event: module_event;
|
|
||||||
Store: module_store;
|
|
||||||
Mount: module_mount;
|
|
||||||
Class: module_class;
|
|
||||||
Lang: module_lang;
|
|
||||||
}
|
|
||||||
export type module = {
|
|
||||||
Uninit: (QuadId:string)->();
|
|
||||||
Init: (QuadId:string?)->module_exported;
|
|
||||||
}
|
|
||||||
|
|
||||||
return {}
|
|
||||||
Loading…
Reference in a new issue