@simplysm/solid 13.0.85 → 13.0.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +143 -28
- package/dist/components/data/list/ListItem.d.ts.map +1 -1
- package/dist/components/data/list/ListItem.js +11 -4
- package/dist/components/data/list/ListItem.js.map +2 -2
- package/dist/components/data/list/ListItem.styles.d.ts +2 -0
- package/dist/components/data/list/ListItem.styles.d.ts.map +1 -1
- package/dist/components/data/list/ListItem.styles.js +11 -1
- package/dist/components/data/list/ListItem.styles.js.map +1 -1
- package/dist/components/features/crud-sheet/CrudSheet.d.ts.map +1 -1
- package/dist/components/features/crud-sheet/CrudSheet.js +7 -0
- package/dist/components/features/crud-sheet/CrudSheet.js.map +2 -2
- package/dist/components/features/data-select-button/DataSelectButton.d.ts.map +1 -1
- package/dist/components/features/data-select-button/DataSelectButton.js +30 -26
- package/dist/components/features/data-select-button/DataSelectButton.js.map +2 -2
- package/dist/components/features/permission-table/PermissionTable.js +5 -1
- package/dist/components/features/permission-table/PermissionTable.js.map +2 -2
- package/dist/components/form-control/DropdownTrigger.styles.js +1 -1
- package/dist/components/form-control/combobox/Combobox.d.ts +19 -5
- package/dist/components/form-control/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/form-control/combobox/Combobox.js +2 -4
- package/dist/components/form-control/combobox/Combobox.js.map +1 -1
- package/dist/components/form-control/date-range-picker/DateRangePicker.d.ts +2 -2
- package/dist/components/form-control/date-range-picker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/form-control/date-range-picker/DateRangePicker.js +10 -1
- package/dist/components/form-control/date-range-picker/DateRangePicker.js.map +2 -2
- package/dist/components/form-control/editor/RichTextEditor.d.ts +2 -2
- package/dist/components/form-control/editor/RichTextEditor.d.ts.map +1 -1
- package/dist/components/form-control/editor/RichTextEditor.js +2 -2
- package/dist/components/form-control/editor/RichTextEditor.js.map +1 -1
- package/dist/components/form-control/field/DatePicker.d.ts +2 -2
- package/dist/components/form-control/field/DatePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/DatePicker.js.map +1 -1
- package/dist/components/form-control/field/DateTimePicker.d.ts +2 -2
- package/dist/components/form-control/field/DateTimePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/DateTimePicker.js.map +1 -1
- package/dist/components/form-control/field/Field.styles.d.ts +6 -7
- package/dist/components/form-control/field/Field.styles.d.ts.map +1 -1
- package/dist/components/form-control/field/Field.styles.js.map +1 -1
- package/dist/components/form-control/field/NumberInput.d.ts +2 -2
- package/dist/components/form-control/field/NumberInput.d.ts.map +1 -1
- package/dist/components/form-control/field/NumberInput.js.map +1 -1
- package/dist/components/form-control/field/TextInput.d.ts +2 -2
- package/dist/components/form-control/field/TextInput.d.ts.map +1 -1
- package/dist/components/form-control/field/TextInput.js.map +1 -1
- package/dist/components/form-control/field/Textarea.d.ts +2 -2
- package/dist/components/form-control/field/Textarea.d.ts.map +1 -1
- package/dist/components/form-control/field/Textarea.js.map +1 -1
- package/dist/components/form-control/field/TimePicker.d.ts +2 -2
- package/dist/components/form-control/field/TimePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/TimePicker.js.map +1 -1
- package/dist/components/form-control/numpad/Numpad.d.ts.map +1 -1
- package/dist/components/form-control/numpad/Numpad.js +4 -17
- package/dist/components/form-control/numpad/Numpad.js.map +2 -2
- package/dist/components/form-control/select/Select.d.ts.map +1 -1
- package/dist/components/form-control/select/Select.js +19 -6
- package/dist/components/form-control/select/Select.js.map +2 -2
- package/dist/components/form-control/state-preset/StatePreset.d.ts +1 -3
- package/dist/components/form-control/state-preset/StatePreset.d.ts.map +1 -1
- package/dist/components/form-control/state-preset/StatePreset.js +69 -91
- package/dist/components/form-control/state-preset/StatePreset.js.map +2 -2
- package/dist/components/layout/FormGroup.js +1 -1
- package/dist/components/layout/FormGroup.js.map +1 -1
- package/dist/components/layout/FormTable.js +3 -3
- package/dist/components/layout/FormTable.js.map +1 -1
- package/dist/components/layout/sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/layout/sidebar/Sidebar.js +3 -6
- package/dist/components/layout/sidebar/Sidebar.js.map +2 -2
- package/dist/providers/i18n/locales/en.d.ts +2 -3
- package/dist/providers/i18n/locales/en.d.ts.map +1 -1
- package/dist/providers/i18n/locales/en.js +3 -4
- package/dist/providers/i18n/locales/en.js.map +1 -1
- package/dist/providers/i18n/locales/ko.d.ts +2 -3
- package/dist/providers/i18n/locales/ko.d.ts.map +1 -1
- package/dist/providers/i18n/locales/ko.js +3 -4
- package/dist/providers/i18n/locales/ko.js.map +1 -1
- package/docs/display-feedback.md +279 -0
- package/docs/features.md +357 -213
- package/docs/form-controls.md +261 -403
- package/docs/layout-data.md +386 -0
- package/docs/providers-hooks.md +411 -0
- package/package.json +5 -5
- package/src/components/data/list/ListItem.styles.ts +14 -2
- package/src/components/data/list/ListItem.tsx +13 -4
- package/src/components/features/crud-sheet/CrudSheet.tsx +8 -0
- package/src/components/features/data-select-button/DataSelectButton.tsx +39 -32
- package/src/components/features/permission-table/PermissionTable.tsx +1 -1
- package/src/components/form-control/DropdownTrigger.styles.ts +1 -1
- package/src/components/form-control/combobox/Combobox.tsx +42 -16
- package/src/components/form-control/date-range-picker/DateRangePicker.tsx +6 -4
- package/src/components/form-control/editor/RichTextEditor.tsx +5 -6
- package/src/components/form-control/field/DatePicker.tsx +3 -2
- package/src/components/form-control/field/DateTimePicker.tsx +3 -2
- package/src/components/form-control/field/Field.styles.ts +6 -8
- package/src/components/form-control/field/NumberInput.tsx +3 -2
- package/src/components/form-control/field/TextInput.tsx +3 -2
- package/src/components/form-control/field/Textarea.tsx +3 -2
- package/src/components/form-control/field/TimePicker.tsx +3 -2
- package/src/components/form-control/numpad/Numpad.tsx +16 -18
- package/src/components/form-control/select/Select.tsx +19 -5
- package/src/components/form-control/state-preset/StatePreset.tsx +32 -57
- package/src/components/layout/FormGroup.tsx +1 -1
- package/src/components/layout/FormTable.tsx +3 -3
- package/src/components/layout/sidebar/Sidebar.tsx +2 -3
- package/src/providers/i18n/locales/en.ts +2 -3
- package/src/providers/i18n/locales/ko.ts +2 -3
- package/tests/components/features/data-select-button/DataSelectButton.spec.tsx +62 -7
- package/tests/components/form-control/combobox/Combobox.spec.tsx +3 -3
- package/tests/components/form-control/date-range-picker/DateRangePicker.spec.tsx +56 -0
- package/docs/data.md +0 -204
- package/docs/disclosure.md +0 -146
- package/docs/display.md +0 -125
- package/docs/feedback.md +0 -156
- package/docs/helpers.md +0 -173
- package/docs/hooks.md +0 -146
- package/docs/layout.md +0 -94
- package/docs/providers.md +0 -180
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\providers\\i18n\\locales\\en.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\providers\\i18n\\locales\\en.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAqME"}
|
|
@@ -82,7 +82,9 @@ var en_default = {
|
|
|
82
82
|
deletedMessage: 'Preset "{{name}}" has been deleted.'
|
|
83
83
|
},
|
|
84
84
|
permissionTable: {
|
|
85
|
-
permissionItem: "Permission Item"
|
|
85
|
+
permissionItem: "Permission Item",
|
|
86
|
+
use: "Use",
|
|
87
|
+
edit: "Edit"
|
|
86
88
|
},
|
|
87
89
|
crudSheet: {
|
|
88
90
|
save: "Save",
|
|
@@ -180,9 +182,6 @@ var en_default = {
|
|
|
180
182
|
numpad: {
|
|
181
183
|
enter: "ENT"
|
|
182
184
|
},
|
|
183
|
-
sidebarMenu: {
|
|
184
|
-
menu: "MENU"
|
|
185
|
-
},
|
|
186
185
|
validation: {
|
|
187
186
|
required: "This is a required field",
|
|
188
187
|
requiredField: "Required field",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/providers/i18n/locales/en.ts"],
|
|
4
|
-
"mappings": "AAAA,IAAO,aAAQ;AAAA,EACb,UAAU;AAAA,IACR,OAAO;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA,WAAW;AAAA,IACT,aAAa;AAAA,IACb,WAAW;AAAA,IACX,eAAe;AAAA,EACjB;AAAA,EACA,uBAAuB;AAAA,IACrB,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,mBAAmB;AAAA,IACnB,WAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,eAAe;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACP,cAAc;AAAA,EAChB;AAAA,EACA,eAAe;AAAA,IACb,UAAU;AAAA,IACV,UAAU;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,eAAe;AAAA,IACf,WAAW;AAAA,IACX,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EACA,aAAa;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,OAAO;AAAA,IACP,cAAc;AAAA,IACd,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,EAClB;AAAA,EACA,iBAAiB;AAAA,IACf,gBAAgB;AAAA,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -83,6 +83,8 @@ declare const _default: {
|
|
|
83
83
|
};
|
|
84
84
|
permissionTable: {
|
|
85
85
|
permissionItem: string;
|
|
86
|
+
use: string;
|
|
87
|
+
edit: string;
|
|
86
88
|
};
|
|
87
89
|
crudSheet: {
|
|
88
90
|
save: string;
|
|
@@ -180,9 +182,6 @@ declare const _default: {
|
|
|
180
182
|
numpad: {
|
|
181
183
|
enter: string;
|
|
182
184
|
};
|
|
183
|
-
sidebarMenu: {
|
|
184
|
-
menu: string;
|
|
185
|
-
};
|
|
186
185
|
validation: {
|
|
187
186
|
required: string;
|
|
188
187
|
requiredField: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ko.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\providers\\i18n\\locales\\ko.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ko.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\providers\\i18n\\locales\\ko.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAqME"}
|
|
@@ -82,7 +82,9 @@ var ko_default = {
|
|
|
82
82
|
deletedMessage: '\uD504\uB9AC\uC14B "{{name}}"\uC774(\uAC00) \uC0AD\uC81C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.'
|
|
83
83
|
},
|
|
84
84
|
permissionTable: {
|
|
85
|
-
permissionItem: "\uAD8C\uD55C \uD56D\uBAA9"
|
|
85
|
+
permissionItem: "\uAD8C\uD55C \uD56D\uBAA9",
|
|
86
|
+
use: "\uC0AC\uC6A9",
|
|
87
|
+
edit: "\uD3B8\uC9D1"
|
|
86
88
|
},
|
|
87
89
|
crudSheet: {
|
|
88
90
|
save: "\uC800\uC7A5",
|
|
@@ -180,9 +182,6 @@ var ko_default = {
|
|
|
180
182
|
numpad: {
|
|
181
183
|
enter: "\uC785\uB825"
|
|
182
184
|
},
|
|
183
|
-
sidebarMenu: {
|
|
184
|
-
menu: "\uBA54\uB274"
|
|
185
|
-
},
|
|
186
185
|
validation: {
|
|
187
186
|
required: "\uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4",
|
|
188
187
|
requiredField: "\uD544\uC218 \uD56D\uBAA9",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/providers/i18n/locales/ko.ts"],
|
|
4
|
-
"mappings": "AAAA,IAAO,aAAQ;AAAA,EACb,UAAU;AAAA,IACR,OAAO;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA,WAAW;AAAA,IACT,aAAa;AAAA,IACb,WAAW;AAAA,IACX,eAAe;AAAA,EACjB;AAAA,EACA,uBAAuB;AAAA,IACrB,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,mBAAmB;AAAA,IACnB,WAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,eAAe;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACP,cAAc;AAAA,EAChB;AAAA,EACA,eAAe;AAAA,IACb,UAAU;AAAA,IACV,UAAU;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,eAAe;AAAA,IACf,WAAW;AAAA,IACX,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EACA,aAAa;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,OAAO;AAAA,IACP,cAAc;AAAA,IACd,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,EAClB;AAAA,EACA,iBAAiB;AAAA,IACf,gBAAgB;AAAA,
|
|
4
|
+
"mappings": "AAAA,IAAO,aAAQ;AAAA,EACb,UAAU;AAAA,IACR,OAAO;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA,WAAW;AAAA,IACT,aAAa;AAAA,IACb,WAAW;AAAA,IACX,eAAe;AAAA,EACjB;AAAA,EACA,uBAAuB;AAAA,IACrB,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,mBAAmB;AAAA,IACnB,WAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,eAAe;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACP,cAAc;AAAA,EAChB;AAAA,EACA,eAAe;AAAA,IACb,UAAU;AAAA,IACV,UAAU;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,eAAe;AAAA,IACf,WAAW;AAAA,IACX,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EACA,aAAa;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,OAAO;AAAA,IACP,cAAc;AAAA,IACd,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,EAClB;AAAA,EACA,iBAAiB;AAAA,IACf,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,eAAe;AAAA,IACf,UAAU;AAAA,IACV,aAAa;AAAA,IACb,SAAS;AAAA,IACT,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,eAAe;AAAA,IACf,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,eAAe;AAAA,IACf,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,IAChB,eAAe;AAAA,EACjB;AAAA,EACA,kBAAkB;AAAA,IAChB,QAAQ;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EACA,sBAAsB;AAAA,IACpB,mBAAmB;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,EACA,kBAAkB;AAAA,IAChB,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB;AAAA,IAChB,eAAe;AAAA,IACf,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACf;AAAA,EACA,sBAAsB;AAAA,IACpB,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,UAAU;AAAA,IACV,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,eAAe;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
# 디스플레이 & 피드백
|
|
2
|
+
|
|
3
|
+
## Card
|
|
4
|
+
|
|
5
|
+
그림자와 호버 효과가 있는 카드 컨테이너.
|
|
6
|
+
|
|
7
|
+
```tsx
|
|
8
|
+
import { Card } from "@simplysm/solid";
|
|
9
|
+
|
|
10
|
+
<Card>카드 내용</Card>
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
## Alert
|
|
16
|
+
|
|
17
|
+
의미론적 테마의 알림 배너.
|
|
18
|
+
|
|
19
|
+
```tsx
|
|
20
|
+
import { Alert } from "@simplysm/solid";
|
|
21
|
+
|
|
22
|
+
<Alert theme="success">저장되었습니다.</Alert>
|
|
23
|
+
<Alert theme="danger">오류가 발생했습니다.</Alert>
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
---
|
|
27
|
+
|
|
28
|
+
## Icon
|
|
29
|
+
|
|
30
|
+
Tabler Icons 래퍼.
|
|
31
|
+
|
|
32
|
+
```tsx
|
|
33
|
+
import { Icon } from "@simplysm/solid";
|
|
34
|
+
import { IconUser } from "@tabler/icons-solidjs";
|
|
35
|
+
|
|
36
|
+
<Icon icon={IconUser} size="1.5em" />
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
---
|
|
40
|
+
|
|
41
|
+
## Link / Tag
|
|
42
|
+
|
|
43
|
+
```tsx
|
|
44
|
+
import { Link, Tag } from "@simplysm/solid";
|
|
45
|
+
|
|
46
|
+
<Link href="/users">사용자 목록</Link>
|
|
47
|
+
<Tag>라벨</Tag>
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
---
|
|
51
|
+
|
|
52
|
+
## Barcode
|
|
53
|
+
|
|
54
|
+
바코드/QR 코드 생성.
|
|
55
|
+
|
|
56
|
+
```tsx
|
|
57
|
+
import { Barcode } from "@simplysm/solid";
|
|
58
|
+
|
|
59
|
+
<Barcode value="1234567890" />
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
---
|
|
63
|
+
|
|
64
|
+
## Echarts
|
|
65
|
+
|
|
66
|
+
ECharts 차트 래퍼. 자동 리사이즈, 로딩 상태 지원. `echarts` peer dependency 필요.
|
|
67
|
+
|
|
68
|
+
```tsx
|
|
69
|
+
import { Echarts } from "@simplysm/solid";
|
|
70
|
+
|
|
71
|
+
<Echarts
|
|
72
|
+
option={{
|
|
73
|
+
xAxis: { type: "category", data: ["Mon", "Tue", "Wed"] },
|
|
74
|
+
yAxis: { type: "value" },
|
|
75
|
+
series: [{ data: [120, 200, 150], type: "bar" }],
|
|
76
|
+
}}
|
|
77
|
+
busy={loading()}
|
|
78
|
+
/>
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
---
|
|
82
|
+
|
|
83
|
+
## Dialog
|
|
84
|
+
|
|
85
|
+
모달/플로팅 다이얼로그. 리사이즈, 드래그, z-index 자동 관리.
|
|
86
|
+
|
|
87
|
+
```tsx
|
|
88
|
+
import { Dialog } from "@simplysm/solid";
|
|
89
|
+
|
|
90
|
+
<Dialog open={isOpen()} onOpenChange={setIsOpen} width="600px" resizable draggable>
|
|
91
|
+
<Dialog.Header>제목</Dialog.Header>
|
|
92
|
+
<div>내용</div>
|
|
93
|
+
<Dialog.Action>
|
|
94
|
+
<Button onClick={() => setIsOpen(false)}>닫기</Button>
|
|
95
|
+
</Dialog.Action>
|
|
96
|
+
</Dialog>
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
| Prop | 타입 | 설명 |
|
|
100
|
+
|------|------|------|
|
|
101
|
+
| `open` | `boolean` | 열림 상태 |
|
|
102
|
+
| `onOpenChange` | `(v: boolean) => void` | 상태 콜백 |
|
|
103
|
+
| `mode` | `"float" \| "fill"` | 모드 |
|
|
104
|
+
| `resizable` | `boolean` | 리사이즈 가능 |
|
|
105
|
+
| `draggable` | `boolean` | 드래그 가능 |
|
|
106
|
+
| `width`, `height` | `string` | 크기 |
|
|
107
|
+
| `closeOnEscape` | `boolean` | ESC 닫기 |
|
|
108
|
+
| `beforeClose` | `() => boolean` | 닫기 확인 |
|
|
109
|
+
|
|
110
|
+
### 프로그래밍 방식 다이얼로그
|
|
111
|
+
|
|
112
|
+
```tsx
|
|
113
|
+
const dialog = useDialog();
|
|
114
|
+
|
|
115
|
+
const result = await dialog.show(MyComponent, { data: "value" }, {
|
|
116
|
+
header: "제목",
|
|
117
|
+
width: "500px",
|
|
118
|
+
resizable: true,
|
|
119
|
+
});
|
|
120
|
+
```
|
|
121
|
+
|
|
122
|
+
---
|
|
123
|
+
|
|
124
|
+
## Dropdown
|
|
125
|
+
|
|
126
|
+
팝업 메뉴/드롭다운.
|
|
127
|
+
|
|
128
|
+
```tsx
|
|
129
|
+
import { Dropdown } from "@simplysm/solid";
|
|
130
|
+
|
|
131
|
+
<Dropdown>
|
|
132
|
+
<Dropdown.Trigger>
|
|
133
|
+
<Button>메뉴</Button>
|
|
134
|
+
</Dropdown.Trigger>
|
|
135
|
+
<Dropdown.Content>
|
|
136
|
+
<div>메뉴 항목 1</div>
|
|
137
|
+
<div>메뉴 항목 2</div>
|
|
138
|
+
</Dropdown.Content>
|
|
139
|
+
</Dropdown>
|
|
140
|
+
```
|
|
141
|
+
|
|
142
|
+
---
|
|
143
|
+
|
|
144
|
+
## Collapse
|
|
145
|
+
|
|
146
|
+
접기/펼치기 (아코디언).
|
|
147
|
+
|
|
148
|
+
```tsx
|
|
149
|
+
import { Collapse } from "@simplysm/solid";
|
|
150
|
+
|
|
151
|
+
<Collapse open={expanded()}>
|
|
152
|
+
<div>접힌 내용</div>
|
|
153
|
+
</Collapse>
|
|
154
|
+
```
|
|
155
|
+
|
|
156
|
+
---
|
|
157
|
+
|
|
158
|
+
## Tabs
|
|
159
|
+
|
|
160
|
+
탭 전환.
|
|
161
|
+
|
|
162
|
+
```tsx
|
|
163
|
+
import { Tabs } from "@simplysm/solid";
|
|
164
|
+
|
|
165
|
+
<Tabs value={tab()} onValueChange={setTab}>
|
|
166
|
+
<Tabs.Tab value="info">정보</Tabs.Tab>
|
|
167
|
+
<Tabs.Tab value="settings">설정</Tabs.Tab>
|
|
168
|
+
</Tabs>
|
|
169
|
+
```
|
|
170
|
+
|
|
171
|
+
---
|
|
172
|
+
|
|
173
|
+
## Notification
|
|
174
|
+
|
|
175
|
+
알림 시스템. `NotificationProvider`로 감싸고 `useNotification()` 훅으로 사용.
|
|
176
|
+
|
|
177
|
+
```tsx
|
|
178
|
+
import { NotificationProvider, useNotification, NotificationBell, NotificationBanner } from "@simplysm/solid";
|
|
179
|
+
|
|
180
|
+
// 프로바이더 설정
|
|
181
|
+
<NotificationProvider>
|
|
182
|
+
<NotificationBanner />
|
|
183
|
+
<NotificationBell />
|
|
184
|
+
<App />
|
|
185
|
+
</NotificationProvider>
|
|
186
|
+
|
|
187
|
+
// 사용
|
|
188
|
+
const noti = useNotification();
|
|
189
|
+
|
|
190
|
+
noti.success("저장 완료", "데이터가 성공적으로 저장되었습니다.");
|
|
191
|
+
noti.danger("오류", "서버 연결에 실패했습니다.");
|
|
192
|
+
noti.info("안내", "새 버전이 있습니다.");
|
|
193
|
+
noti.warning("경고", "저장되지 않은 변경사항이 있습니다.");
|
|
194
|
+
|
|
195
|
+
// 에러 자동 처리
|
|
196
|
+
noti.error(err, "작업 실패");
|
|
197
|
+
|
|
198
|
+
// 업데이트
|
|
199
|
+
const id = noti.info("업로드 중...");
|
|
200
|
+
noti.update(id, { message: "업로드 완료!" });
|
|
201
|
+
|
|
202
|
+
// 액션 버튼 포함 알림
|
|
203
|
+
noti.info("업데이트 가능", "새 버전이 있습니다.", {
|
|
204
|
+
action: {
|
|
205
|
+
label: "새로고침",
|
|
206
|
+
onClick: () => window.location.reload(),
|
|
207
|
+
},
|
|
208
|
+
});
|
|
209
|
+
|
|
210
|
+
// 읽음 처리
|
|
211
|
+
noti.markAsRead(id);
|
|
212
|
+
noti.markAllAsRead();
|
|
213
|
+
noti.clear();
|
|
214
|
+
```
|
|
215
|
+
|
|
216
|
+
---
|
|
217
|
+
|
|
218
|
+
## Busy
|
|
219
|
+
|
|
220
|
+
로딩 오버레이. 중첩 호출 지원.
|
|
221
|
+
|
|
222
|
+
```tsx
|
|
223
|
+
import { BusyProvider, useBusy, BusyContainer } from "@simplysm/solid";
|
|
224
|
+
|
|
225
|
+
<BusyProvider variant="spinner">
|
|
226
|
+
<App />
|
|
227
|
+
</BusyProvider>
|
|
228
|
+
|
|
229
|
+
const busy = useBusy();
|
|
230
|
+
|
|
231
|
+
busy.show("로딩 중...");
|
|
232
|
+
// ... 작업 ...
|
|
233
|
+
busy.hide();
|
|
234
|
+
|
|
235
|
+
// 프로그레스 바
|
|
236
|
+
busy.show("업로드 중...");
|
|
237
|
+
busy.setProgress(50); // 50%
|
|
238
|
+
busy.setProgress(100);
|
|
239
|
+
busy.hide();
|
|
240
|
+
```
|
|
241
|
+
|
|
242
|
+
### BusyContainer
|
|
243
|
+
|
|
244
|
+
로컬 영역에 로딩 오버레이를 표시한다.
|
|
245
|
+
|
|
246
|
+
```tsx
|
|
247
|
+
<BusyContainer busy={isLoading()} variant="bar">
|
|
248
|
+
<div>컨텐츠</div>
|
|
249
|
+
</BusyContainer>
|
|
250
|
+
```
|
|
251
|
+
|
|
252
|
+
---
|
|
253
|
+
|
|
254
|
+
## Progress
|
|
255
|
+
|
|
256
|
+
프로그레스 바.
|
|
257
|
+
|
|
258
|
+
```tsx
|
|
259
|
+
import { Progress } from "@simplysm/solid";
|
|
260
|
+
|
|
261
|
+
<Progress value={progress()} />
|
|
262
|
+
```
|
|
263
|
+
|
|
264
|
+
---
|
|
265
|
+
|
|
266
|
+
## Print
|
|
267
|
+
|
|
268
|
+
인쇄 기능. `PrintProvider`로 감싸고 `usePrint()` 훅으로 사용.
|
|
269
|
+
|
|
270
|
+
```tsx
|
|
271
|
+
import { PrintProvider, usePrint } from "@simplysm/solid";
|
|
272
|
+
|
|
273
|
+
<PrintProvider>
|
|
274
|
+
<App />
|
|
275
|
+
</PrintProvider>
|
|
276
|
+
|
|
277
|
+
const print = usePrint();
|
|
278
|
+
// print 호출로 인쇄 다이얼로그 표시
|
|
279
|
+
```
|