@dasidev/dasi-ui 1.0.21 → 1.0.23

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.
@@ -0,0 +1,438 @@
1
+ const a = {
2
+ schema: {
3
+ html1: {
4
+ type: "static",
5
+ content: '<div class="vueform-divider"><span>Selector Element Examples</span></div>'
6
+ },
7
+ // Basic Selector (Single Selection)
8
+ basicSelector: {
9
+ type: "selector",
10
+ endpoint: "/organization",
11
+ label: "Basic Selector",
12
+ placeholder: "Pilih organisasi...",
13
+ nameField: "name",
14
+ descriptionField: "description",
15
+ rules: ["required"],
16
+ showInTable: !0
17
+ },
18
+ // Selector with Avatar
19
+ selectorWithAvatar: {
20
+ type: "selector",
21
+ endpoint: "/organization",
22
+ label: "Selector with Avatar",
23
+ placeholder: "Pilih user...",
24
+ nameField: "name",
25
+ descriptionField: "email",
26
+ showAvatar: !0,
27
+ rules: ["required"],
28
+ showInTable: !0
29
+ },
30
+ // Multiple Selection
31
+ multipleSelector: {
32
+ type: "selector",
33
+ endpoint: "/organization",
34
+ label: "Multiple Selection",
35
+ placeholder: "Pilih role...",
36
+ nameField: "name",
37
+ descriptionField: "description",
38
+ multiple: !0,
39
+ rules: ["required"],
40
+ showInTable: !0
41
+ },
42
+ // Multiple Selection with Avatar
43
+ multipleSelectorWithAvatar: {
44
+ type: "selector",
45
+ endpoint: "/organization",
46
+ label: "Multiple Selection with Avatar",
47
+ placeholder: "Pilih team...",
48
+ nameField: "name",
49
+ descriptionField: "department",
50
+ showAvatar: !0,
51
+ multiple: !0,
52
+ rules: ["required"],
53
+ showInTable: !0
54
+ },
55
+ // Selector with Custom Function Fields
56
+ selectorWithCustomFields: {
57
+ type: "selector",
58
+ endpoint: "/organization",
59
+ label: "Selector with Custom Fields",
60
+ placeholder: "Pilih organisasi...",
61
+ nameFieldFunc: (e) => `${e.name} (${e.name})`,
62
+ descriptionFieldFunc: (e) => `Level: ${e.name}`,
63
+ rules: ["required"],
64
+ showInTable: !0
65
+ },
66
+ // Selector with Parameters and Conditions
67
+ selectorWithParams: {
68
+ type: "selector",
69
+ endpoint: "/organization",
70
+ label: "Selector with Parameters",
71
+ placeholder: "Pilih order...",
72
+ nameField: "orderNumber",
73
+ descriptionField: "customerName",
74
+ params: {
75
+ status: "active",
76
+ type: "online"
77
+ },
78
+ condition: {
79
+ levels: "admin",
80
+ region: "asia"
81
+ },
82
+ orderBy: "createdAt",
83
+ sort: "desc",
84
+ rules: ["required"],
85
+ showInTable: !0
86
+ },
87
+ // Selector with Auto Fill Organization
88
+ selectorWithAutoFill: {
89
+ type: "selector",
90
+ endpoint: "/organization",
91
+ label: "Selector with Auto Fill",
92
+ placeholder: "Pilih departemen...",
93
+ nameField: "name",
94
+ descriptionField: "manager",
95
+ autoFillOrg: !0,
96
+ rules: ["required"],
97
+ showInTable: !0
98
+ },
99
+ // Selector with Return Object
100
+ selectorReturnObject: {
101
+ type: "selector",
102
+ endpoint: "/organization",
103
+ label: "Selector Return Object",
104
+ placeholder: "Pilih customer...",
105
+ nameField: "name",
106
+ descriptionField: "company",
107
+ returnObject: !0,
108
+ rules: ["required"],
109
+ showInTable: !0
110
+ },
111
+ // ========================================
112
+ // DATE SELECTOR ELEMENT EXAMPLES
113
+ // ========================================
114
+ html2: {
115
+ type: "static",
116
+ content: '<div class="vueform-divider mt-4"><span>Date Selector Element Examples</span></div>'
117
+ },
118
+ // Basic Date Picker
119
+ basicDate: {
120
+ type: "date_selector",
121
+ label: "Basic Date",
122
+ placeholder: "Pilih tanggal...",
123
+ pickerType: "date",
124
+ rules: ["required"],
125
+ showInTable: !0
126
+ },
127
+ // Date Time Picker
128
+ dateTimePicker: {
129
+ type: "date_selector",
130
+ label: "Date Time Picker",
131
+ placeholder: "Pilih tanggal dan waktu...",
132
+ pickerType: "datetime",
133
+ rules: ["required"],
134
+ showInTable: !0
135
+ },
136
+ // Month Picker
137
+ monthPicker: {
138
+ type: "date_selector",
139
+ label: "Month Picker",
140
+ placeholder: "Pilih bulan...",
141
+ pickerType: "month",
142
+ rules: ["required"],
143
+ showInTable: !0
144
+ },
145
+ // Year Picker
146
+ yearPicker: {
147
+ type: "date_selector",
148
+ label: "Year Picker",
149
+ placeholder: "Pilih tahun...",
150
+ pickerType: "year",
151
+ yearRange: [2020, 2030],
152
+ rules: ["required"],
153
+ showInTable: !0
154
+ },
155
+ // Date Range Picker
156
+ dateRange: {
157
+ type: "date_selector",
158
+ label: "Date Range",
159
+ placeholder: "Pilih rentang tanggal...",
160
+ pickerType: "date",
161
+ range: !0,
162
+ rules: ["required"],
163
+ showInTable: !0
164
+ },
165
+ // Date Time Range Picker
166
+ dateTimeRange: {
167
+ type: "date_selector",
168
+ label: "Date Time Range",
169
+ placeholder: "Pilih rentang tanggal dan waktu...",
170
+ pickerType: "datetime",
171
+ range: !0,
172
+ rules: ["required"],
173
+ showInTable: !0
174
+ },
175
+ // Month Range Picker
176
+ monthRange: {
177
+ type: "date_selector",
178
+ label: "Month Range",
179
+ placeholder: "Pilih rentang bulan...",
180
+ pickerType: "month",
181
+ range: !0,
182
+ rules: ["required"],
183
+ showInTable: !0
184
+ },
185
+ // Year Range Picker
186
+ yearRange: {
187
+ type: "date_selector",
188
+ label: "Year Range",
189
+ placeholder: "Pilih rentang tahun...",
190
+ pickerType: "year",
191
+ range: !0,
192
+ yearRange: [2020, 2030],
193
+ rules: ["required"],
194
+ showInTable: !0
195
+ },
196
+ // Date with Min/Max Constraints
197
+ dateWithConstraints: {
198
+ type: "date_selector",
199
+ label: "Date with Constraints",
200
+ placeholder: "Pilih tanggal...",
201
+ pickerType: "date",
202
+ minDate: /* @__PURE__ */ new Date("2024-01-01"),
203
+ maxDate: /* @__PURE__ */ new Date("2024-12-31"),
204
+ rules: ["required"],
205
+ showInTable: !0
206
+ },
207
+ // Date with Custom Display Format
208
+ dateWithCustomFormat: {
209
+ type: "date_selector",
210
+ label: "Date with Custom Format",
211
+ placeholder: "Pilih tanggal...",
212
+ pickerType: "date",
213
+ displayFormat: "DD/MM/YYYY",
214
+ rules: ["required"],
215
+ showInTable: !0
216
+ },
217
+ // ========================================
218
+ // CONFIG DATA SELECTOR ELEMENT EXAMPLES
219
+ // ========================================
220
+ html3: {
221
+ type: "static",
222
+ content: '<div class="vueform-divider mt-4"><span>Config Data Selector Element Examples</span></div>'
223
+ },
224
+ // Basic Config Data Selector
225
+ basicConfigData: {
226
+ type: "config_data_selector",
227
+ parentCode: "dasi//cd/jenis-kapal",
228
+ label: "Basic Config Data",
229
+ placeholder: "Pilih negara...",
230
+ field: "name",
231
+ rules: ["required"],
232
+ showInTable: !0
233
+ },
234
+ // Config Data with Custom Field
235
+ configDataWithField: {
236
+ type: "config_data_selector",
237
+ parentCode: "dasi//cd/jenis-kapal",
238
+ label: "Config Data with Field",
239
+ placeholder: "Pilih mata uang...",
240
+ field: "code",
241
+ rules: ["required"],
242
+ showInTable: !0
243
+ },
244
+ // Config Data for Categories
245
+ configDataCategories: {
246
+ type: "config_data_selector",
247
+ parentCode: "dasi//cd/jenis-kapal",
248
+ label: "Categories",
249
+ placeholder: "Pilih kategori...",
250
+ field: "name",
251
+ rules: ["required"],
252
+ showInTable: !0
253
+ },
254
+ // Config Data for Status
255
+ configDataStatus: {
256
+ type: "config_data_selector",
257
+ parentCode: "dasi//cd/jenis-kapal",
258
+ label: "Status",
259
+ placeholder: "Pilih status...",
260
+ field: "name",
261
+ rules: ["required"],
262
+ showInTable: !0
263
+ },
264
+ // Config Data for Types
265
+ configDataTypes: {
266
+ type: "config_data_selector",
267
+ parentCode: "dasi//cd/jenis-kapal",
268
+ label: "Types",
269
+ placeholder: "Pilih tipe...",
270
+ field: "name",
271
+ rules: ["required"],
272
+ showInTable: !0
273
+ },
274
+ // ========================================
275
+ // COMBINED EXAMPLES
276
+ // ========================================
277
+ html4: {
278
+ type: "static",
279
+ content: '<div class="vueform-divider mt-4"><span>Combined Examples</span></div>'
280
+ },
281
+ // User Registration Form
282
+ userRegistration: {
283
+ type: "selector",
284
+ endpoint: "/organization",
285
+ label: "Organization",
286
+ placeholder: "Pilih organisasi...",
287
+ nameField: "name",
288
+ descriptionField: "type",
289
+ showAvatar: !0,
290
+ rules: ["required"],
291
+ showInTable: !0
292
+ },
293
+ userBirthDate: {
294
+ type: "date_selector",
295
+ label: "Birth Date",
296
+ placeholder: "Pilih tanggal lahir...",
297
+ pickerType: "date",
298
+ maxDate: /* @__PURE__ */ new Date(),
299
+ rules: ["required"],
300
+ showInTable: !0
301
+ },
302
+ userCountry: {
303
+ type: "config_data_selector",
304
+ parentCode: "dasi//cd/jenis-kapal",
305
+ label: "Country",
306
+ placeholder: "Pilih negara...",
307
+ field: "name",
308
+ rules: ["required"],
309
+ showInTable: !0
310
+ },
311
+ // Project Management Form
312
+ projectManager: {
313
+ type: "selector",
314
+ endpoint: "/organization",
315
+ label: "Project Manager",
316
+ placeholder: "Pilih project manager...",
317
+ nameField: "name",
318
+ descriptionField: "role",
319
+ showAvatar: !0,
320
+ multiple: !0,
321
+ rules: ["required"],
322
+ showInTable: !0
323
+ },
324
+ projectStartDate: {
325
+ type: "date_selector",
326
+ label: "Project Start Date",
327
+ placeholder: "Pilih tanggal mulai...",
328
+ pickerType: "date",
329
+ minDate: /* @__PURE__ */ new Date(),
330
+ rules: ["required"],
331
+ showInTable: !0
332
+ },
333
+ projectEndDate: {
334
+ type: "date_selector",
335
+ label: "Project End Date",
336
+ placeholder: "Pilih tanggal selesai...",
337
+ pickerType: "date",
338
+ minDate: /* @__PURE__ */ new Date(),
339
+ rules: ["required"],
340
+ showInTable: !0
341
+ },
342
+ projectStatus: {
343
+ type: "config_data_selector",
344
+ parentCode: "dasi//cd/jenis-kapal",
345
+ label: "Project Status",
346
+ placeholder: "Pilih status proyek...",
347
+ field: "name",
348
+ rules: ["required"],
349
+ showInTable: !0
350
+ },
351
+ // Event Planning Form
352
+ eventOrganizers: {
353
+ type: "selector",
354
+ endpoint: "/organization",
355
+ label: "Event Organizers",
356
+ placeholder: "Pilih tim organizer...",
357
+ nameField: "name",
358
+ descriptionField: "department",
359
+ showAvatar: !0,
360
+ multiple: !0,
361
+ condition: {
362
+ levels: "organizer"
363
+ },
364
+ rules: ["required"],
365
+ showInTable: !0
366
+ },
367
+ eventDateRange: {
368
+ type: "date_selector",
369
+ label: "Event Date Range",
370
+ placeholder: "Pilih rentang tanggal event...",
371
+ pickerType: "date",
372
+ range: !0,
373
+ rules: ["required"],
374
+ showInTable: !0
375
+ },
376
+ eventType: {
377
+ type: "config_data_selector",
378
+ parentCode: "dasi//cd/jenis-kapal",
379
+ label: "Event Type",
380
+ placeholder: "Pilih tipe event...",
381
+ field: "name",
382
+ rules: ["required"],
383
+ showInTable: !0
384
+ },
385
+ // ========================================
386
+ // ADVANCED EXAMPLES
387
+ // ========================================
388
+ html5: {
389
+ type: "static",
390
+ content: '<div class="vueform-divider mt-4"><span>Advanced Examples</span></div>'
391
+ },
392
+ // Conditional Selector
393
+ conditionalSelector: {
394
+ type: "selector",
395
+ endpoint: "/organization",
396
+ label: "Product",
397
+ placeholder: "Pilih produk...",
398
+ nameField: "name",
399
+ descriptionField: "category",
400
+ showAvatar: !0,
401
+ params: {
402
+ active: !0
403
+ },
404
+ condition: {
405
+ levels: "user",
406
+ region: "asia"
407
+ },
408
+ orderBy: "name",
409
+ sort: "asc",
410
+ rules: ["required"],
411
+ showInTable: !0
412
+ },
413
+ // Date with Business Logic
414
+ businessDate: {
415
+ type: "date_selector",
416
+ label: "Business Date",
417
+ placeholder: "Pilih tanggal bisnis...",
418
+ pickerType: "date",
419
+ minDate: /* @__PURE__ */ new Date(),
420
+ maxDate: new Date((/* @__PURE__ */ new Date()).getFullYear() + 1, 11, 31),
421
+ rules: ["required"],
422
+ showInTable: !0
423
+ },
424
+ // Config Data with Business Logic
425
+ businessConfig: {
426
+ type: "config_data_selector",
427
+ parentCode: "dasi//cd/jenis-kapal",
428
+ label: "Business Unit",
429
+ placeholder: "Pilih unit bisnis...",
430
+ field: "name",
431
+ rules: ["required"],
432
+ showInTable: !0
433
+ }
434
+ }
435
+ };
436
+ export {
437
+ a as default
438
+ };
@@ -0,0 +1 @@
1
+
package/package.json CHANGED
@@ -1,84 +1,99 @@
1
1
  {
2
2
  "name": "@dasidev/dasi-ui",
3
- "version": "1.0.21",
4
- "description": "Complete Vue 3 Admin Template Generator",
5
- "private": false,
3
+ "version": "1.0.23",
6
4
  "type": "module",
7
- "main": "dist/index.js",
8
- "module": "dist/index.js",
5
+ "types": "./dist/index.d.ts",
6
+ "main": "./dist/dasi-ui.umd.js",
7
+ "module": "./dist/dasi-ui.es.js",
9
8
  "exports": {
10
9
  ".": {
11
- "import": "./dist/index.js",
12
- "require": "./dist/index.cjs"
10
+ "types": "./dist/index.d.ts",
11
+ "import": "./dist/dasi-ui.es.js",
12
+ "require": "./dist/dasi-ui.umd.js"
13
13
  },
14
- "./style.css": "./dist/style.css"
14
+ "./style.css": "./dist/dasi-ui.css"
15
15
  },
16
- "bin": {
17
- "dasi-ui": "./bin/dasi-cli.cjs"
16
+ "scripts": {
17
+ "build": "vite build && cp src/index.d.ts dist/index.d.ts",
18
+ "build:type-check": "vite build && vue-tsc -p tsconfig.build.json",
19
+ "type-check": "vue-tsc -p tsconfig.build.json"
18
20
  },
19
21
  "files": [
20
- "dist/",
21
- "bin/",
22
- "README.md"
22
+ "dist"
23
23
  ],
24
- "scripts": {
25
- "dev": "vite",
26
- "build": "vite build",
27
- "build-lib": "vite build --config vite.lib.config.ts",
28
- "preview": "vite preview",
29
- "test": "vitest",
30
- "test:unit": "vitest",
31
- "test:run": "vitest run",
32
- "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
33
- "format": "prettier --write \"src/**/*.{vue,js,ts,jsx,tsx,json,md}\"",
34
- "cli": "node bin/dasi-cli.cjs",
35
- "release": "npm version patch && npm publish --access public"
24
+ "peerDependencies": {
25
+ "@vee-validate/zod": "^4.12.6",
26
+ "@vueuse/core": "^10.9.0",
27
+ "pinia": "^3.0.4",
28
+ "vee-validate": "^4.12.6",
29
+ "vue": "^3.4.0",
30
+ "vue-router": "^5.0.2"
36
31
  },
37
32
  "dependencies": {
38
- "commander": "^14.0.2",
39
- "inquirer": "^8.2.7",
40
- "chalk": "^4.1.2",
41
- "ora": "^5.4.1",
42
- "fs-extra": "^11.3.3"
33
+ "@passwordless-id/webauthn": "^1.6.1",
34
+ "@radix-icons/vue": "^1.0.0",
35
+ "@vueform/plugin-mask": "^1.0.7",
36
+ "@vuepic/vue-datepicker": "^11.0.3",
37
+ "axios": "^1.6.0",
38
+ "class-variance-authority": "^0.7.0",
39
+ "clsx": "^2.1.0",
40
+ "curl-generator": "^0.4.1",
41
+ "date-fns": "^3.6.0",
42
+ "file-saver": "^2.0.5",
43
+ "flowbite": "^2.3.0",
44
+ "flowbite-vue": "^0.1.4",
45
+ "go-captcha-vue": "^2.0.6",
46
+ "highlight.js": "^11.9.0",
47
+ "jspdf": "^4.1.0",
48
+ "jspdf-autotable": "^5.0.2",
49
+ "lucide-vue-next": "^0.563.0",
50
+ "marked": "^13.0.3",
51
+ "moment": "^2.30.1",
52
+ "nanoid": "^5.0.9",
53
+ "pdfjs-dist": "^5.3.31",
54
+ "peerjs": "^1.5.2",
55
+ "radix-vue": "^1.5.1",
56
+ "sortablejs": "^1.15.6",
57
+ "tailwind-merge": "^2.2.1",
58
+ "tailwindcss-animate": "^1.0.7",
59
+ "v-calendar": "^3.1.2",
60
+ "v3-infinite-loading": "^1.3.1",
61
+ "vue-final-modal": "^4.5.4",
62
+ "vue-loading-overlay": "^6.0.4",
63
+ "vue-pdf-embed": "^2.1.0",
64
+ "vue-sonner": "^2.0.9",
65
+ "vue3-perfect-scrollbar": "^2.0.0",
66
+ "vuedraggable": "^4.1.0",
67
+ "xlsx": "^0.18.5",
68
+ "zod": "^3.22.4"
43
69
  },
44
70
  "devDependencies": {
45
71
  "@rushstack/eslint-patch": "^1.3.3",
46
72
  "@tsconfig/node20": "^20.1.2",
47
- "@types/fs-extra": "^11.0.4",
48
- "@types/inquirer": "^8.2.10",
73
+ "@types/file-saver": "^2.0.7",
74
+ "@types/jsdom": "^21.1.6",
75
+ "@types/jspdf": "^1.3.3",
49
76
  "@types/node": "^20.11.25",
50
- "@vitejs/plugin-vue": "^5.0.3",
51
- "@vitejs/plugin-vue-jsx": "^3.1.0",
77
+ "@vitejs/plugin-vue": "^5.2.4",
78
+ "@vitejs/plugin-vue-jsx": "^5.1.4",
52
79
  "@vue/eslint-config-prettier": "^8.0.0",
53
80
  "@vue/eslint-config-typescript": "^12.0.0",
54
81
  "@vue/test-utils": "^2.4.4",
55
- "@vue/tsconfig": "^0.5.1",
82
+ "@vue/tsconfig": "^0.8.1",
83
+ "autoprefixer": "^10.4.24",
56
84
  "eslint": "^8.49.0",
57
85
  "eslint-plugin-vue": "^9.17.0",
86
+ "jsdom": "^24.0.0",
87
+ "npm-run-all2": "^6.1.1",
58
88
  "prettier": "^3.2.5",
59
89
  "prettier-plugin-tailwindcss": "^0.5.12",
60
90
  "sass": "^1.71.1",
61
- "tailwindcss": "^3.4.1",
62
- "typescript": "~5.3.0",
63
- "vite": "^5.0.11",
64
- "vitest": "^1.2.2",
65
- "vue-tsc": "^1.8.27"
66
- },
67
- "keywords": [
68
- "vue3",
69
- "admin",
70
- "template",
71
- "dashboard",
72
- "typescript",
73
- "tailwindcss",
74
- "framework",
75
- "enterprise",
76
- "configuration-driven"
77
- ],
78
- "repository": {
79
- "type": "git",
80
- "url": "https://github.com/dasi-developer/framework-web-app.git"
81
- },
82
- "author": "DASI Developer",
83
- "license": "MIT"
91
+ "tailwindcss": "^3.4.19",
92
+ "typescript": "^5.9.3",
93
+ "vite": "^6.4.1",
94
+ "vite-plugin-dts": "^4.5.4",
95
+ "vite-raw-plugin": "^1.0.2",
96
+ "vitest": "^4.0.18",
97
+ "vue-tsc": "^3.2.4"
98
+ }
84
99
  }