neko-ui 2.9.2 → 2.9.4
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/es/avatar/favicon.svg +0 -0
- package/es/avatar/group.js +17 -18
- package/es/avatar/group.js.map +1 -1
- package/es/avatar/index.js +1 -2
- package/es/avatar/index.js.map +1 -1
- package/es/avatar/style.js +1 -2
- package/es/avatar/style.js.map +1 -1
- package/es/back-top/index.js +1 -2
- package/es/back-top/index.js.map +1 -1
- package/es/back-top/style.js +1 -2
- package/es/back-top/style.js.map +1 -1
- package/es/basic-config/index.js +1 -2
- package/es/basic-config/index.js.map +1 -1
- package/es/button/index.js +1 -2
- package/es/button/index.js.map +1 -1
- package/es/button/style.js +1 -2
- package/es/button/style.js.map +1 -1
- package/es/capture-screen/index.js +1 -2
- package/es/capture-screen/index.js.map +1 -1
- package/es/capture-screen/style.js +1 -2
- package/es/capture-screen/style.js.map +1 -1
- package/es/carousel/index.js +1 -2
- package/es/carousel/index.js.map +1 -1
- package/es/carousel/style.js +1 -2
- package/es/carousel/style.js.map +1 -1
- package/es/checkbox/index.js +1 -2
- package/es/checkbox/index.js.map +1 -1
- package/es/checkbox/style.js +1 -2
- package/es/checkbox/style.js.map +1 -1
- package/es/code/index.d.ts +6 -2
- package/es/code/index.js +1 -2
- package/es/code/index.js.map +1 -1
- package/es/code/style.js +25 -26
- package/es/code/style.js.map +1 -1
- package/es/code/worker.js +1 -2
- package/es/code/worker.js.map +1 -1
- package/es/color-palette/index.js +1 -2
- package/es/color-palette/index.js.map +1 -1
- package/es/color-palette/style.js +1 -2
- package/es/color-palette/style.js.map +1 -1
- package/es/color-picker/index.js +1 -2
- package/es/color-picker/index.js.map +1 -1
- package/es/color-picker/style.js +1 -2
- package/es/color-picker/style.js.map +1 -1
- package/es/cron/begin-interval.js +1 -2
- package/es/cron/begin-interval.js.map +1 -1
- package/es/cron/day.js +1 -2
- package/es/cron/day.js.map +1 -1
- package/es/cron/hour.js +1 -2
- package/es/cron/hour.js.map +1 -1
- package/es/cron/index.js +1 -2
- package/es/cron/index.js.map +1 -1
- package/es/cron/item.js +1 -2
- package/es/cron/item.js.map +1 -1
- package/es/cron/minute.js +1 -2
- package/es/cron/minute.js.map +1 -1
- package/es/cron/month.js +1 -2
- package/es/cron/month.js.map +1 -1
- package/es/cron/period.js +1 -2
- package/es/cron/period.js.map +1 -1
- package/es/cron/second.js +1 -2
- package/es/cron/second.js.map +1 -1
- package/es/cron/some.js +1 -2
- package/es/cron/some.js.map +1 -1
- package/es/cron/style.js +1 -2
- package/es/cron/style.js.map +1 -1
- package/es/cron/week.js +1 -2
- package/es/cron/week.js.map +1 -1
- package/es/cron/year.js +1 -2
- package/es/cron/year.js.map +1 -1
- package/es/date-picker/date.js +1 -2
- package/es/date-picker/date.js.map +1 -1
- package/es/date-picker/dayjs.js +1 -2
- package/es/date-picker/dayjs.js.map +1 -1
- package/es/date-picker/index.js +1 -2
- package/es/date-picker/index.js.map +1 -1
- package/es/date-picker/month.js +1 -2
- package/es/date-picker/month.js.map +1 -1
- package/es/date-picker/panel.js +1 -2
- package/es/date-picker/panel.js.map +1 -1
- package/es/date-picker/style.js +1 -2
- package/es/date-picker/style.js.map +1 -1
- package/es/date-picker/time.js +1 -2
- package/es/date-picker/time.js.map +1 -1
- package/es/date-picker/year.js +1 -2
- package/es/date-picker/year.js.map +1 -1
- package/es/dropdown/index.js +1 -2
- package/es/dropdown/index.js.map +1 -1
- package/es/empty/index.js +1 -2
- package/es/empty/index.js.map +1 -1
- package/es/from-schema/index.js +1 -2
- package/es/from-schema/index.js.map +1 -1
- package/es/get-options/index.js +1 -2
- package/es/get-options/index.js.map +1 -1
- package/es/highlight-text/index.js +1 -2
- package/es/highlight-text/index.js.map +1 -1
- package/es/img/index.js +1 -2
- package/es/img/index.js.map +1 -1
- package/es/img/lazy.js +1 -2
- package/es/img/lazy.js.map +1 -1
- package/es/img/style.js +1 -2
- package/es/img/style.js.map +1 -1
- package/es/index.js +1 -2
- package/es/index.js.map +1 -1
- package/es/input/index.js +1 -2
- package/es/input/index.js.map +1 -1
- package/es/input/style.js +1 -2
- package/es/input/style.js.map +1 -1
- package/es/input-number/index.js +1 -2
- package/es/input-number/index.js.map +1 -1
- package/es/katex/index.js +1 -2
- package/es/katex/index.js.map +1 -1
- package/es/md/common.d.ts +4 -0
- package/es/md/common.js +1 -0
- package/es/md/common.js.map +1 -0
- package/es/md/index.d.ts +1 -0
- package/es/md/index.js +1 -2
- package/es/md/index.js.map +1 -1
- package/es/md/worker.d.ts +9 -1
- package/es/md/worker.js +1 -2
- package/es/md/worker.js.map +1 -1
- package/es/md-style/index.js +1 -2
- package/es/md-style/index.js.map +1 -1
- package/es/menu/index.js +1 -2
- package/es/menu/index.js.map +1 -1
- package/es/menu/style.js +1 -2
- package/es/menu/style.js.map +1 -1
- package/es/modal/hooks.js +1 -2
- package/es/modal/hooks.js.map +1 -1
- package/es/modal/index.js +1 -2
- package/es/modal/index.js.map +1 -1
- package/es/modal/store.js +1 -2
- package/es/modal/store.js.map +1 -1
- package/es/modal/style.js +1 -2
- package/es/modal/style.js.map +1 -1
- package/es/notification/index.js +1 -2
- package/es/notification/index.js.map +1 -1
- package/es/notification/notification.js +1 -2
- package/es/notification/notification.js.map +1 -1
- package/es/notification/queque.js +1 -2
- package/es/notification/queque.js.map +1 -1
- package/es/notification/styles.js +1 -2
- package/es/notification/styles.js.map +1 -1
- package/es/pagination/index.js +1 -2
- package/es/pagination/index.js.map +1 -1
- package/es/pagination/styles.js +1 -2
- package/es/pagination/styles.js.map +1 -1
- package/es/popover/index.js +1 -2
- package/es/popover/index.js.map +1 -1
- package/es/popover/style.js +1 -2
- package/es/popover/style.js.map +1 -1
- package/es/prism/index.d.ts +0 -1
- package/es/prism/index.js +1 -2
- package/es/prism/index.js.map +1 -1
- package/es/provider/index.js +1 -2
- package/es/provider/index.js.map +1 -1
- package/es/qrcode/index.js +1 -2
- package/es/qrcode/index.js.map +1 -1
- package/es/qrcode/qrcode.js +1 -2
- package/es/qrcode/qrcode.js.map +1 -1
- package/es/radio/index.js +1 -2
- package/es/radio/index.js.map +1 -1
- package/es/radio/style.js +1 -2
- package/es/radio/style.js.map +1 -1
- package/es/segmented/index.js +1 -12
- package/es/segmented/index.js.map +1 -1
- package/es/segmented/style.js +1 -2
- package/es/segmented/style.js.map +1 -1
- package/es/select/index.js +1 -2
- package/es/select/index.js.map +1 -1
- package/es/select/style.js +1 -2
- package/es/select/style.js.map +1 -1
- package/es/skeleton/index.js +2 -25
- package/es/skeleton/index.js.map +1 -1
- package/es/spin/index.js +1 -2
- package/es/spin/index.js.map +1 -1
- package/es/switch/index.js +1 -2
- package/es/switch/index.js.map +1 -1
- package/es/switch/style.js +1 -2
- package/es/switch/style.js.map +1 -1
- package/es/table/index.js +1 -2
- package/es/table/index.js.map +1 -1
- package/es/table/styles.js +1 -2
- package/es/table/styles.js.map +1 -1
- package/es/tabs/index.js +1 -12
- package/es/tabs/index.js.map +1 -1
- package/es/tabs/style.d.ts +2 -2
- package/es/tabs/style.js +32 -33
- package/es/tabs/style.js.map +1 -1
- package/es/tag/index.js +1 -2
- package/es/tag/index.js.map +1 -1
- package/es/tag/style.js +1 -2
- package/es/tag/style.js.map +1 -1
- package/es/theme/index.js +1 -2
- package/es/theme/index.js.map +1 -1
- package/es/tree/index.js +1 -2
- package/es/tree/index.js.map +1 -1
- package/es/tree/register.js +1 -2
- package/es/tree/register.js.map +1 -1
- package/es/tree/style.js +1 -2
- package/es/tree/style.js.map +1 -1
- package/es/tree/type.js +1 -2
- package/es/tree/type.js.map +1 -1
- package/es/typography/index.js +1 -2
- package/es/typography/index.js.map +1 -1
- package/lib/avatar/favicon.svg +0 -0
- package/lib/avatar/group.js +18 -19
- package/lib/avatar/group.js.map +1 -1
- package/lib/avatar/index.js +3 -4
- package/lib/avatar/index.js.map +1 -1
- package/lib/avatar/style.js +3 -4
- package/lib/avatar/style.js.map +1 -1
- package/lib/back-top/index.js +1 -2
- package/lib/back-top/index.js.map +1 -1
- package/lib/back-top/style.js +1 -2
- package/lib/back-top/style.js.map +1 -1
- package/lib/basic-config/index.js +1 -2
- package/lib/basic-config/index.js.map +1 -1
- package/lib/button/index.js +1 -2
- package/lib/button/index.js.map +1 -1
- package/lib/button/style.js +1 -2
- package/lib/button/style.js.map +1 -1
- package/lib/capture-screen/index.js +1 -2
- package/lib/capture-screen/index.js.map +1 -1
- package/lib/capture-screen/style.js +1 -2
- package/lib/capture-screen/style.js.map +1 -1
- package/lib/carousel/index.js +1 -2
- package/lib/carousel/index.js.map +1 -1
- package/lib/carousel/style.js +1 -2
- package/lib/carousel/style.js.map +1 -1
- package/lib/checkbox/index.js +1 -2
- package/lib/checkbox/index.js.map +1 -1
- package/lib/checkbox/style.js +1 -2
- package/lib/checkbox/style.js.map +1 -1
- package/lib/code/index.d.ts +6 -2
- package/lib/code/index.js +1 -2
- package/lib/code/index.js.map +1 -1
- package/lib/code/style.js +26 -27
- package/lib/code/style.js.map +1 -1
- package/lib/code/worker.js +2 -3
- package/lib/code/worker.js.map +1 -1
- package/lib/color-palette/index.js +1 -2
- package/lib/color-palette/index.js.map +1 -1
- package/lib/color-palette/style.js +3 -4
- package/lib/color-palette/style.js.map +1 -1
- package/lib/color-picker/index.js +1 -2
- package/lib/color-picker/index.js.map +1 -1
- package/lib/color-picker/style.js +1 -2
- package/lib/color-picker/style.js.map +1 -1
- package/lib/cron/begin-interval.js +1 -2
- package/lib/cron/begin-interval.js.map +1 -1
- package/lib/cron/day.js +1 -2
- package/lib/cron/day.js.map +1 -1
- package/lib/cron/hour.js +1 -2
- package/lib/cron/hour.js.map +1 -1
- package/lib/cron/index.js +1 -2
- package/lib/cron/index.js.map +1 -1
- package/lib/cron/item.js +1 -2
- package/lib/cron/item.js.map +1 -1
- package/lib/cron/minute.js +1 -2
- package/lib/cron/minute.js.map +1 -1
- package/lib/cron/month.js +1 -2
- package/lib/cron/month.js.map +1 -1
- package/lib/cron/period.js +1 -2
- package/lib/cron/period.js.map +1 -1
- package/lib/cron/second.js +1 -2
- package/lib/cron/second.js.map +1 -1
- package/lib/cron/some.js +1 -2
- package/lib/cron/some.js.map +1 -1
- package/lib/cron/style.js +4 -5
- package/lib/cron/style.js.map +1 -1
- package/lib/cron/week.js +1 -2
- package/lib/cron/week.js.map +1 -1
- package/lib/cron/year.js +1 -2
- package/lib/cron/year.js.map +1 -1
- package/lib/date-picker/date.js +1 -2
- package/lib/date-picker/date.js.map +1 -1
- package/lib/date-picker/dayjs.js +1 -2
- package/lib/date-picker/dayjs.js.map +1 -1
- package/lib/date-picker/index.js +1 -2
- package/lib/date-picker/index.js.map +1 -1
- package/lib/date-picker/month.js +1 -2
- package/lib/date-picker/month.js.map +1 -1
- package/lib/date-picker/panel.js +1 -2
- package/lib/date-picker/panel.js.map +1 -1
- package/lib/date-picker/style.js +1 -2
- package/lib/date-picker/style.js.map +1 -1
- package/lib/date-picker/time.js +1 -2
- package/lib/date-picker/time.js.map +1 -1
- package/lib/date-picker/year.js +1 -2
- package/lib/date-picker/year.js.map +1 -1
- package/lib/dropdown/index.js +1 -2
- package/lib/dropdown/index.js.map +1 -1
- package/lib/empty/index.js +1 -2
- package/lib/empty/index.js.map +1 -1
- package/lib/from-schema/index.js +1 -2
- package/lib/from-schema/index.js.map +1 -1
- package/lib/get-options/index.js +1 -2
- package/lib/get-options/index.js.map +1 -1
- package/lib/highlight-text/index.js +2 -3
- package/lib/highlight-text/index.js.map +1 -1
- package/lib/img/index.js +1 -2
- package/lib/img/index.js.map +1 -1
- package/lib/img/lazy.js +1 -2
- package/lib/img/lazy.js.map +1 -1
- package/lib/img/style.js +3 -4
- package/lib/img/style.js.map +1 -1
- package/lib/index.js +1 -2
- package/lib/index.js.map +1 -1
- package/lib/input/index.js +1 -2
- package/lib/input/index.js.map +1 -1
- package/lib/input/style.js +1 -2
- package/lib/input/style.js.map +1 -1
- package/lib/input-number/index.js +2 -3
- package/lib/input-number/index.js.map +1 -1
- package/lib/katex/index.js +1 -2
- package/lib/katex/index.js.map +1 -1
- package/lib/md/common.d.ts +4 -0
- package/lib/md/common.js +1 -0
- package/lib/md/common.js.map +1 -0
- package/lib/md/index.d.ts +1 -0
- package/lib/md/index.js +1 -2
- package/lib/md/index.js.map +1 -1
- package/lib/md/worker.d.ts +9 -1
- package/lib/md/worker.js +1 -2
- package/lib/md/worker.js.map +1 -1
- package/lib/md-style/index.js +2 -3
- package/lib/md-style/index.js.map +1 -1
- package/lib/menu/index.js +1 -2
- package/lib/menu/index.js.map +1 -1
- package/lib/menu/style.js +1 -2
- package/lib/menu/style.js.map +1 -1
- package/lib/modal/hooks.js +1 -2
- package/lib/modal/hooks.js.map +1 -1
- package/lib/modal/index.js +1 -2
- package/lib/modal/index.js.map +1 -1
- package/lib/modal/store.js +1 -2
- package/lib/modal/store.js.map +1 -1
- package/lib/modal/style.js +1 -2
- package/lib/modal/style.js.map +1 -1
- package/lib/notification/index.js +1 -2
- package/lib/notification/index.js.map +1 -1
- package/lib/notification/notification.js +1 -2
- package/lib/notification/notification.js.map +1 -1
- package/lib/notification/queque.js +1 -2
- package/lib/notification/queque.js.map +1 -1
- package/lib/notification/styles.js +1 -2
- package/lib/notification/styles.js.map +1 -1
- package/lib/pagination/index.js +1 -2
- package/lib/pagination/index.js.map +1 -1
- package/lib/pagination/styles.js +1 -2
- package/lib/pagination/styles.js.map +1 -1
- package/lib/popover/index.js +1 -2
- package/lib/popover/index.js.map +1 -1
- package/lib/popover/style.js +3 -4
- package/lib/popover/style.js.map +1 -1
- package/lib/prism/index.d.ts +0 -1
- package/lib/prism/index.js +1 -2
- package/lib/prism/index.js.map +1 -1
- package/lib/provider/index.js +1 -2
- package/lib/provider/index.js.map +1 -1
- package/lib/qrcode/index.js +1 -2
- package/lib/qrcode/index.js.map +1 -1
- package/lib/qrcode/qrcode.js +1 -2
- package/lib/qrcode/qrcode.js.map +1 -1
- package/lib/radio/index.js +1 -2
- package/lib/radio/index.js.map +1 -1
- package/lib/radio/style.js +1 -2
- package/lib/radio/style.js.map +1 -1
- package/lib/segmented/index.js +1 -12
- package/lib/segmented/index.js.map +1 -1
- package/lib/segmented/style.js +1 -2
- package/lib/segmented/style.js.map +1 -1
- package/lib/select/index.js +1 -2
- package/lib/select/index.js.map +1 -1
- package/lib/select/style.js +1 -2
- package/lib/select/style.js.map +1 -1
- package/lib/skeleton/index.js +2 -25
- package/lib/skeleton/index.js.map +1 -1
- package/lib/spin/index.js +2 -3
- package/lib/spin/index.js.map +1 -1
- package/lib/switch/index.js +1 -2
- package/lib/switch/index.js.map +1 -1
- package/lib/switch/style.js +1 -2
- package/lib/switch/style.js.map +1 -1
- package/lib/table/index.js +1 -2
- package/lib/table/index.js.map +1 -1
- package/lib/table/styles.js +1 -2
- package/lib/table/styles.js.map +1 -1
- package/lib/tabs/index.js +1 -12
- package/lib/tabs/index.js.map +1 -1
- package/lib/tabs/style.d.ts +2 -2
- package/lib/tabs/style.js +32 -33
- package/lib/tabs/style.js.map +1 -1
- package/lib/tag/index.js +3 -4
- package/lib/tag/index.js.map +1 -1
- package/lib/tag/style.js +1 -2
- package/lib/tag/style.js.map +1 -1
- package/lib/theme/index.js +1 -2
- package/lib/theme/index.js.map +1 -1
- package/lib/tree/index.js +1 -2
- package/lib/tree/index.js.map +1 -1
- package/lib/tree/register.js +1 -2
- package/lib/tree/register.js.map +1 -1
- package/lib/tree/style.js +1 -2
- package/lib/tree/style.js.map +1 -1
- package/lib/tree/type.js +1 -2
- package/lib/tree/type.js.map +1 -1
- package/lib/typography/index.js +7 -8
- package/lib/typography/index.js.map +1 -1
- package/package.json +8 -8
- package/umd/index.js +4187 -1
- package/umd/js/074a85150a9f6a97.js +1 -0
- package/es/cron/api.md +0 -27
- package/lib/cron/api.md +0 -27
package/es/cron/some.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{template as e}from"solid-js/web";import{memo as t}from"solid-js/web";import{getOwner as o}from"solid-js/web";import{effect as r}from"solid-js/web";import{addEventListener as s}from"solid-js/web";let l=e("<n-select>",!0,!1);import{selectPortalCss as i}from"./style";export default function(e){function n(t){let[o]=t.detail;o.length<1||e.onChange("some",o)}return[t(()=>e.label),(()=>{let t=l();return s(t,"change",n),t.multiple=!0,t.style.setProperty("flex","1"),t.popupCss=i,t.dropdownMatchSelectWidth=!1,t.arrow=!0,t._$owner=o(),r(o=>{let r=e.options,s="some"!==e.type;return r!==o._v$&&(t.options=o._v$=r),s!==o._v$2&&(t.disabled=o._v$2=s),o},{_v$:void 0,_v$2:void 0}),r(()=>t.value=e.value),t})()]}
|
|
2
|
-
//# sourceMappingURL=some.js.map
|
|
1
|
+
import{template as e}from"solid-js/web";import{memo as t}from"solid-js/web";import{getOwner as o}from"solid-js/web";import{effect as r}from"solid-js/web";import{addEventListener as s}from"solid-js/web";let l=e("<n-select>",!0,!1);import{selectPortalCss as i}from"./style";export default function(e){function n(t){let[o]=t.detail;o.length<1||e.onChange("some",o)}return[t(()=>e.label),(()=>{let t=l();return s(t,"change",n),t.multiple=!0,t.style.setProperty("flex","1"),t.popupCss=i,t.dropdownMatchSelectWidth=!1,t.arrow=!0,t._$owner=o(),r(o=>{let r=e.options,s="some"!==e.type;return r!==o._v$&&(t.options=o._v$=r),s!==o._v$2&&(t.disabled=o._v$2=s),o},{_v$:void 0,_v$2:void 0}),r(()=>t.value=e.value),t})()]}
|
package/es/cron/some.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/cron/some.tsx"],"sourcesContent":["import type { BaseOption } from 'neko-ui';\n\nimport type { CronData } from '.';\nimport { selectPortalCss } from './style';\n\ninterface SomeProps {\n value: CronData['some'];\n label: JSX.Element;\n options: (string | number | BaseOption)[];\n type: CronData['type'];\n onChange(type: 'some', value: number[]): void;\n}\n\nfunction Some(props: SomeProps) {\n function onChange(e: CustomEvent<[val: (number | string)[], item: BaseOption]>) {\n const [value] = e.detail;\n\n if (value.length < 1) {\n return;\n }\n props.onChange('some', value as number[]);\n }\n return (\n <>\n {props.label}\n <n-select\n multiple={true}\n style={{ flex: 1 }}\n value={props.value}\n onChange={onChange}\n options={props.options}\n disabled={props.type !== 'some'}\n popup-css={selectPortalCss}\n dropdown-match-select-width={false}\n arrow={true}\n />\n </>\n );\n}\n\nexport default Some;\n"],"names":["selectPortalCss","props","onChange","e","value","detail","length","label","options","type"],"mappings":"qOAGA,QAASA,mBAAAA,CAAe,KAAQ,SAAU,AAqC1C,gBA3BA,SAAcC,CAAgB,EAC5B,SAASC,EAASC,CAA4D,EAC5E,GAAM,CAACC,EAAM,CAAGD,EAAEE,MAAM,AAEpBD,CAAAA,EAAME,MAAM,CAAG,GAGnBL,EAAMC,QAAQ,CAAC,OAAQE,EACzB,CACA,aAEKH,EAAMM,KAAK,sCAKAL,cAHA,CAAA,6CAMCF,6BACkB,CAAA,UACtB,CAAA,4BAJEC,EAAMO,OAAO,GACZP,AAAe,SAAfA,EAAMQ,IAAI,oHAHbR,EAAMG,KAAK,QAU1B"}
|
package/es/cron/style.js
CHANGED
package/es/cron/style.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/cron/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const selectPortalCss = css`\n .portal {\n inline-size: 232px;\n }\n\n .portal n-menu::part(menu) {\n display: flex;\n flex-wrap: wrap;\n max-block-size: 250px;\n gap: 4px;\n }\n\n .portal n-menu::part(item) {\n display: flex;\n justify-content: center;\n align-items: center;\n column-gap: 0;\n inline-size: calc((100% - 8px) / 3);\n border-radius: 4px;\n }\n\n .portal n-menu::part(suffix) {\n display: none;\n }\n`;\n\nexport const selectCss = css`\n .select {\n min-inline-size: unset;\n inline-size: 70px;\n text-align: center;\n }\n`;\nexport const numCss = css`\n .fieldset {\n inline-size: 70px;\n min-inline-size: unset;\n }\n`;\n"],"names":["css","selectPortalCss","selectCss","numCss"],"mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,gBAAkBD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AAwBnC,CAAC,AAAC,AAEF,QAAO,MAAME,UAAYF,CAAG,CAAC;;;;;;AAM7B,CAAC,AAAC,AACF,QAAO,MAAMG,OAASH,CAAG,CAAC;;;;;AAK1B,CAAC,AAAC"}
|
package/es/cron/week.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{template as e}from"solid-js/web";import"solid-js/web";import{getOwner as t}from"solid-js/web";import{effect as a}from"solid-js/web";import{createComponent as l}from"solid-js/web";let r=e("<n-select>",!0,!1);import n from"./begin-interval";import o from"./item";import s from"./period";import i from"./some";import{selectCss as b,selectPortalCss as u}from"./style";export default function(e){let g=[{label:"星期日",value:1},{label:"星期一",value:2},{label:"星期二",value:3},{label:"星期三",value:4},{label:"星期四",value:5},{label:"星期五",value:6},{label:"星期六",value:7}],p=[{value:"*",label:"每周"},{value:"?",label:"不指定"},{value:"period",label:l(s,{get start(){return e.state.start},get end(){return e.state.end},options:g,get disabled(){return"period"!==e.state.type},get onChange(){return e.onChange},validate:(e,t)=>"start"===e?t>=1&&t<7:t>1&&t<=7,label:["周期从","到","日"]})},{value:"beginInterval",label:l(n,{get begin(){return e.state.begin},get beginEvery(){return e.state.beginEvery},get onChange(){return e.onChange},beginOption:[{value:1,label:"1周"},{value:2,label:"2周"},{value:3,label:"3周"},{value:4,label:"4周"}],beginEveryOption:g,get disabled(){return"beginInterval"!==e.state.type},validate:(e,t)=>"begin"!==e||t>=1&&t<=4,label:["第","的",null]})},{value:"last",label:["本月最后一个",(()=>{let l=r();return l.addEventListener("change",t=>{e.onChange("last",Number(t.detail[0]))}),l.options=g,l.css=b,l.popupCss=u,l.dropdownMatchSelectWidth=!1,l.arrow=!0,l._$owner=t(),a(()=>l.disabled="last"!==e.state.type),a(()=>l.value=e.state.last),l})()]},{value:"some",label:l(i,{label:"具体星期数(至少选择一项)",get value(){return e.state.some},options:g,get type(){return e.state.type},get onChange(){return e.onChange}})}];return l(o,{options:p,get onChange(){return e.onChange},get state(){return e.state}})}
|
|
2
|
-
//# sourceMappingURL=week.js.map
|
|
1
|
+
import{template as e}from"solid-js/web";import"solid-js/web";import{getOwner as t}from"solid-js/web";import{effect as a}from"solid-js/web";import{createComponent as l}from"solid-js/web";let r=e("<n-select>",!0,!1);import n from"./begin-interval";import o from"./item";import s from"./period";import i from"./some";import{selectCss as b,selectPortalCss as u}from"./style";export default function(e){let g=[{label:"星期日",value:1},{label:"星期一",value:2},{label:"星期二",value:3},{label:"星期三",value:4},{label:"星期四",value:5},{label:"星期五",value:6},{label:"星期六",value:7}],p=[{value:"*",label:"每周"},{value:"?",label:"不指定"},{value:"period",label:l(s,{get start(){return e.state.start},get end(){return e.state.end},options:g,get disabled(){return"period"!==e.state.type},get onChange(){return e.onChange},validate:(e,t)=>"start"===e?t>=1&&t<7:t>1&&t<=7,label:["周期从","到","日"]})},{value:"beginInterval",label:l(n,{get begin(){return e.state.begin},get beginEvery(){return e.state.beginEvery},get onChange(){return e.onChange},beginOption:[{value:1,label:"1周"},{value:2,label:"2周"},{value:3,label:"3周"},{value:4,label:"4周"}],beginEveryOption:g,get disabled(){return"beginInterval"!==e.state.type},validate:(e,t)=>"begin"!==e||t>=1&&t<=4,label:["第","的",null]})},{value:"last",label:["本月最后一个",(()=>{let l=r();return l.addEventListener("change",t=>{e.onChange("last",Number(t.detail[0]))}),l.options=g,l.css=b,l.popupCss=u,l.dropdownMatchSelectWidth=!1,l.arrow=!0,l._$owner=t(),a(()=>l.disabled="last"!==e.state.type),a(()=>l.value=e.state.last),l})()]},{value:"some",label:l(i,{label:"具体星期数(至少选择一项)",get value(){return e.state.some},options:g,get type(){return e.state.type},get onChange(){return e.onChange}})}];return l(o,{options:p,get onChange(){return e.onChange},get state(){return e.state}})}
|
package/es/cron/week.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/cron/week.tsx"],"sourcesContent":["import BeginInterval from './begin-interval';\nimport Item, { type CronItemProps } from './item';\nimport Period from './period';\nimport Some from './some';\nimport { selectCss, selectPortalCss } from './style';\n\nfunction Week(props: Required<Omit<CronItemProps<'week'>, 'options'>>) {\n const weeks = [\n {\n label: '星期日',\n value: 1,\n },\n {\n label: '星期一',\n value: 2,\n },\n {\n label: '星期二',\n value: 3,\n },\n {\n label: '星期三',\n value: 4,\n },\n {\n label: '星期四',\n value: 5,\n },\n {\n label: '星期五',\n value: 6,\n },\n {\n label: '星期六',\n value: 7,\n },\n ];\n const beginEvery = [\n { value: 1, label: '1周' },\n { value: 2, label: '2周' },\n { value: 3, label: '3周' },\n { value: 4, label: '4周' },\n ];\n\n const options = [\n { value: '*', label: '每周' },\n { value: '?', label: '不指定' },\n {\n value: 'period',\n label: (\n <Period\n start={props.state.start}\n end={props.state.end}\n options={weeks}\n disabled={props.state.type !== 'period'}\n onChange={props.onChange}\n validate={(_, v) => (_ === 'start' ? v >= 1 && v < 7 : v > 1 && v <= 7)}\n label={['周期从', '到', '日']}\n />\n ),\n },\n {\n value: 'beginInterval',\n label: (\n <BeginInterval\n begin={props.state.begin}\n beginEvery={props.state.beginEvery}\n onChange={props.onChange}\n beginOption={beginEvery}\n beginEveryOption={weeks}\n disabled={props.state.type !== 'beginInterval'}\n validate={(_, v) => (_ === 'begin' ? v >= 1 && v <= 4 : true)}\n label={['第', '的', null]}\n />\n ),\n },\n {\n value: 'last',\n label: (\n <>\n 本月最后一个\n <n-select\n value={props.state.last}\n onChange={(e) => {\n props.onChange('last', Number(e.detail[0]));\n }}\n options={weeks}\n disabled={props.state.type !== 'last'}\n css={selectCss}\n popup-css={selectPortalCss}\n dropdown-match-select-width={false}\n arrow={true}\n />\n </>\n ),\n },\n {\n value: 'some',\n label: (\n <Some\n label=\"具体星期数(至少选择一项)\"\n value={props.state.some}\n options={weeks}\n type={props.state.type}\n onChange={props.onChange}\n />\n ),\n },\n ];\n\n return <Item options={options} onChange={props.onChange} state={props.state} />;\n}\n\nexport default Week;\n"],"names":["BeginInterval","Item","Period","Some","selectCss","selectPortalCss","props","weeks","label","value","options","state","start","end","type","onChange","_","v","begin","beginEvery","e","Number","detail","last","some"],"mappings":"qNAAA,QAAOA,MAAmB,kBAAmB,AAC7C,QAAOC,MAAkC,QAAS,AAClD,QAAOC,MAAY,UAAW,AAC9B,QAAOC,MAAU,QAAS,AAC1B,QAASC,aAAAA,CAAS,CAAEC,mBAAAA,CAAe,KAAQ,SAAU,AA6GrD,gBA3GA,SAAcC,CAAuD,EACnE,IAAMC,EAAQ,CACZ,CACEC,MAAO,MACPC,MAAO,CACT,EACA,CACED,MAAO,MACPC,MAAO,CACT,EACA,CACED,MAAO,MACPC,MAAO,CACT,EACA,CACED,MAAO,MACPC,MAAO,CACT,EACA,CACED,MAAO,MACPC,MAAO,CACT,EACA,CACED,MAAO,MACPC,MAAO,CACT,EACA,CACED,MAAO,MACPC,MAAO,CACT,EACD,CAQKC,EAAU,CACd,CAAED,MAAO,IAAKD,MAAO,IAAK,EAC1B,CAAEC,MAAO,IAAKD,MAAO,KAAM,EAC3B,CACEC,MAAO,SACPD,KAAK,GACFN,sBACQI,EAAMK,KAAK,CAACC,KAAK,mBACnBN,EAAMK,KAAK,CAACE,GAAG,UACXN,uBACCD,AAAqB,WAArBA,EAAMK,KAAK,CAACG,IAAI,wBAChBR,EAAMS,QAAQ,WACd,CAACC,EAAGC,IAAOD,AAAM,UAANA,EAAgBC,GAAK,GAAKA,EAAI,EAAIA,EAAI,GAAKA,GAAK,QAC9D,CAAC,MAAO,IAAK,IAAI,EAG9B,EACA,CACER,MAAO,gBACPD,KAAK,GACFR,sBACQM,EAAMK,KAAK,CAACO,KAAK,0BACZZ,EAAMK,KAAK,CAACQ,UAAU,wBACxBb,EAAMS,QAAQ,cA9Bb,CACjB,CAAEN,MAAO,EAAGD,MAAO,IAAK,EACxB,CAAEC,MAAO,EAAGD,MAAO,IAAK,EACxB,CAAEC,MAAO,EAAGD,MAAO,IAAK,EACxB,CAAEC,MAAO,EAAGD,MAAO,IAAK,EACzB,kBA2ByBD,uBACRD,AAAqB,kBAArBA,EAAMK,KAAK,CAACG,IAAI,WAChB,CAACE,EAAGC,IAAOD,AAAM,UAANA,GAAgBC,GAAK,GAAKA,GAAK,QAC7C,CAAC,IAAK,IAAK,KAAK,EAG7B,EACA,CACER,MAAO,OACPD,KAAK,8DAKW,AAACY,IACTd,EAAMS,QAAQ,CAAC,OAAQM,OAAOD,EAAEE,MAAM,CAAC,EAAE,EAC3C,aACSf,QAEJH,aACMC,6BACkB,CAAA,UACtB,CAAA,iCAJGC,AAAqB,SAArBA,EAAMK,KAAK,CAACG,IAAI,gBALnBR,EAAMK,KAAK,CAACY,IAAI,QAa/B,EACA,CACEd,MAAO,OACPD,KAAK,GACFL,4CAEQG,EAAMK,KAAK,CAACa,IAAI,UACdjB,oBACHD,EAAMK,KAAK,CAACG,IAAI,wBACZR,EAAMS,QAAQ,GAG9B,EACD,CAED,SAAQd,WAAcS,wBAAmBJ,EAAMS,QAAQ,qBAAST,EAAMK,KAAK,GAC7E"}
|
package/es/cron/year.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{template as e}from"solid-js/web";import"solid-js/web";import{getOwner as t}from"solid-js/web";import{effect as r}from"solid-js/web";import{createComponent as n}from"solid-js/web";let a=e("<n-select>",!0,!1),o=e('<n-input-number min="0">',!0,!1);import l from"./item";import s from"./period";import i from"./some";import{numCss as p,selectCss as u,selectPortalCss as g}from"./style";export default function(e){let d=new Date().getFullYear(),m=[];for(let e=0,t=2099-d;e<=t;e++)m.push(d+e);let b=[{value:"*",label:"每年"},{value:"?",label:"不指定"},{value:"period",label:n(s,{get start(){return e.state.start},get end(){return e.state.end},options:m,get disabled(){return"period"!==e.state.type},get onChange(){return e.onChange},validate:(e,t)=>"start"===e?t>=d:t>=d+1,label:["周期从","到","年"]})},{value:"beginInterval",label:["从",(()=>{let n=a();return n.addEventListener("change",t=>{let[r]=t.detail,n=Number(r);n>=d&&e.onChange("begin",n)}),n.options=m,n.css=u,n.popupCss=g,n.dropdownMatchSelectWidth=!1,n.arrow=!0,n._$owner=t(),r(()=>n.disabled="beginInterval"!==e.state.type),r(()=>n.value=e.state.begin),n})(),"年开始触发,每隔",(()=>{let n=o();return n.addEventListener("change",t=>{let r=Number(t.detail);r&&e.onChange("beginEvery",r)}),n.css=p,n._$owner=t(),r(()=>n.disabled="beginInterval"!==e.state.type),r(()=>n.value=e.state.beginEvery),n})(),"年触发1次"]},{value:"some",label:n(i,{label:"具体年(至少选择一项)",get value(){return e.state.some},options:m,get type(){return e.state.type},get onChange(){return e.onChange}})}];return n(l,{options:b,get onChange(){return e.onChange},get state(){return e.state}})}
|
|
2
|
-
//# sourceMappingURL=year.js.map
|
|
1
|
+
import{template as e}from"solid-js/web";import"solid-js/web";import{getOwner as t}from"solid-js/web";import{effect as r}from"solid-js/web";import{createComponent as n}from"solid-js/web";let a=e("<n-select>",!0,!1),o=e('<n-input-number min="0">',!0,!1);import l from"./item";import s from"./period";import i from"./some";import{numCss as p,selectCss as u,selectPortalCss as g}from"./style";export default function(e){let d=new Date().getFullYear(),m=[];for(let e=0,t=2099-d;e<=t;e++)m.push(d+e);let b=[{value:"*",label:"每年"},{value:"?",label:"不指定"},{value:"period",label:n(s,{get start(){return e.state.start},get end(){return e.state.end},options:m,get disabled(){return"period"!==e.state.type},get onChange(){return e.onChange},validate:(e,t)=>"start"===e?t>=d:t>=d+1,label:["周期从","到","年"]})},{value:"beginInterval",label:["从",(()=>{let n=a();return n.addEventListener("change",t=>{let[r]=t.detail,n=Number(r);n>=d&&e.onChange("begin",n)}),n.options=m,n.css=u,n.popupCss=g,n.dropdownMatchSelectWidth=!1,n.arrow=!0,n._$owner=t(),r(()=>n.disabled="beginInterval"!==e.state.type),r(()=>n.value=e.state.begin),n})(),"年开始触发,每隔",(()=>{let n=o();return n.addEventListener("change",t=>{let r=Number(t.detail);r&&e.onChange("beginEvery",r)}),n.css=p,n._$owner=t(),r(()=>n.disabled="beginInterval"!==e.state.type),r(()=>n.value=e.state.beginEvery),n})(),"年触发1次"]},{value:"some",label:n(i,{label:"具体年(至少选择一项)",get value(){return e.state.some},options:m,get type(){return e.state.type},get onChange(){return e.onChange}})}];return n(l,{options:b,get onChange(){return e.onChange},get state(){return e.state}})}
|
package/es/cron/year.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/cron/year.tsx"],"sourcesContent":["import Item, { type CronItemProps } from './item';\nimport Period from './period';\nimport Some from './some';\nimport { numCss, selectCss, selectPortalCss } from './style';\n\nfunction Year(props: Required<Omit<CronItemProps<'year'>, 'options'>>) {\n const fullYear = new Date().getFullYear();\n const years: number[] = [];\n\n for (let i = 0, len = 2099 - fullYear; i <= len; i++) {\n years.push(fullYear + i);\n }\n\n const options = [\n { value: '*', label: '每年' },\n { value: '?', label: '不指定' },\n {\n value: 'period',\n label: (\n <Period\n start={props.state.start}\n end={props.state.end}\n options={years}\n disabled={props.state.type !== 'period'}\n onChange={props.onChange}\n validate={(_, v) => (_ === 'start' ? v >= fullYear : v >= fullYear + 1)}\n label={['周期从', '到', '年']}\n />\n ),\n },\n {\n value: 'beginInterval',\n label: (\n <>\n 从\n <n-select\n value={props.state.begin}\n onChange={(e) => {\n const [value] = e.detail;\n const v = Number(value);\n\n if (v >= fullYear) {\n props.onChange('begin', v);\n }\n }}\n options={years}\n disabled={props.state.type !== 'beginInterval'}\n css={selectCss}\n popup-css={selectPortalCss}\n dropdown-match-select-width={false}\n arrow={true}\n />\n 年开始触发,每隔\n <n-input-number\n value={props.state.beginEvery}\n css={numCss}\n onChange={(e) => {\n const v = Number(e.detail);\n\n if (v) {\n props.onChange('beginEvery', v);\n }\n }}\n disabled={props.state.type !== 'beginInterval'}\n min={0}\n />\n 年触发1次\n </>\n ),\n },\n {\n value: 'some',\n label: (\n <Some\n label=\"具体年(至少选择一项)\"\n value={props.state.some}\n options={years}\n type={props.state.type}\n onChange={props.onChange}\n />\n ),\n },\n ];\n\n return <Item options={options} onChange={props.onChange} state={props.state} />;\n}\n\nexport default Year;\n"],"names":["Item","Period","Some","numCss","selectCss","selectPortalCss","props","fullYear","Date","getFullYear","years","i","len","push","options","value","label","state","start","end","type","onChange","_","v","e","detail","Number","begin","beginEvery","some"],"mappings":"2PAAA,QAAOA,MAAkC,QAAS,AAClD,QAAOC,MAAY,UAAW,AAC9B,QAAOC,MAAU,QAAS,AAC1B,QAASC,UAAAA,CAAM,CAAEC,aAAAA,CAAS,CAAEC,mBAAAA,CAAe,KAAQ,SAAU,AAoF7D,gBAlFA,SAAcC,CAAuD,EACnE,IAAMC,EAAW,IAAIC,OAAOC,WAAW,GACjCC,EAAkB,EAAE,CAE1B,IAAK,IAAIC,EAAI,EAAGC,EAAM,KAAOL,EAAUI,GAAKC,EAAKD,IAC/CD,EAAMG,IAAI,CAACN,EAAWI,GAGxB,IAAMG,EAAU,CACd,CAAEC,MAAO,IAAKC,MAAO,IAAK,EAC1B,CAAED,MAAO,IAAKC,MAAO,KAAM,EAC3B,CACED,MAAO,SACPC,KAAK,GACFf,sBACQK,EAAMW,KAAK,CAACC,KAAK,mBACnBZ,EAAMW,KAAK,CAACE,GAAG,UACXT,uBACCJ,AAAqB,WAArBA,EAAMW,KAAK,CAACG,IAAI,wBAChBd,EAAMe,QAAQ,WACd,CAACC,EAAGC,IAAOD,AAAM,UAANA,EAAgBC,GAAKhB,EAAWgB,GAAKhB,EAAW,QAC9D,CAAC,MAAO,IAAK,IAAI,EAG9B,EACA,CACEQ,MAAO,gBACPC,KAAK,yDAKW,AAACQ,IACT,GAAM,CAACT,EAAM,CAAGS,EAAEC,MAAM,CAClBF,EAAIG,OAAOX,GAEbQ,GAAKhB,GACPD,EAAMe,QAAQ,CAAC,QAASE,EAE5B,aACSb,QAEJN,aACMC,6BACkB,CAAA,UACtB,CAAA,iCAJGC,AAAqB,kBAArBA,EAAMW,KAAK,CAACG,IAAI,gBAVnBd,EAAMW,KAAK,CAACU,KAAK,sEAoBd,AAACH,IACT,IAAMD,EAAIG,OAAOF,EAAEC,MAAM,EAErBF,GACFjB,EAAMe,QAAQ,CAAC,aAAcE,EAEjC,SAPKpB,iCAQKG,AAAqB,kBAArBA,EAAMW,KAAK,CAACG,IAAI,gBATnBd,EAAMW,KAAK,CAACW,UAAU,gBAerC,EACA,CACEb,MAAO,OACPC,KAAK,GACFd,0CAEQI,EAAMW,KAAK,CAACY,IAAI,UACdnB,oBACHJ,EAAMW,KAAK,CAACG,IAAI,wBACZd,EAAMe,QAAQ,GAG9B,EACD,CAED,SAAQrB,WAAcc,wBAAmBR,EAAMe,QAAQ,qBAASf,EAAMW,KAAK,GAC7E"}
|
package/es/date-picker/date.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{template as t}from"solid-js/web";import{insert as e}from"solid-js/web";import{getOwner as r}from"solid-js/web";import{effect as n}from"solid-js/web";import{delegateEvents as o}from"solid-js/web";import{createComponent as a}from"solid-js/web";import{className as s}from"solid-js/web";import{addEventListener as i}from"solid-js/web";let l=t('<n-button type="primary">',!0,!1);import{createMemo as d,For as u}from"solid-js";export default function(t){let o=d(()=>{let e=t.current.startOf("month").day();if(!e)return[];let r=[],n=t.current.subtract(1,"month").endOf("month");for(let t=e-1;t>=0;t--)r.push(n.subtract(t,"day").get("date"));return r}),c=d(()=>Array.from({length:6-t.current.endOf("month").day()},(t,e)=>e+1)),m=d(()=>[...o(),...Array.from({length:t.current.daysInMonth()},(t,e)=>e+1),...c()]);function f(t){return t<o().length}function h(t){return t>=m().length-c().length}return a(u,{get each(){return m()},children:(o,a)=>{let u=d(()=>{let t=a();return f(t)||h(t)?"date-day date-opacity":"date-day"}),c=d(()=>{let e=a();return!f(e)&&!h(e)&&t.current.get("date")===o});function m(e){let r=a(),n=t.current.subtract(1,"month"),o=t.current.subtract(-1,"month"),s=(f(r)?n:h(r)?o:t.current).set("date",e);t.current.isSame(s)||t.onChange(s)}return(()=>{let t=l();return i(t,"click",m.bind(null,o),!0),t.circle=!0,t.flat=!0,t._$owner=r(),e(t,o),n(e=>{let r=u(),n=!!c(),o=c()?"strong":"button";return r!==e._v$&&s(t,e._v$=r),n!==e._v$2&&t.classList.toggle("date-active",e._v$2=n),o!==e._v$3&&(t.tag=e._v$3=o),e},{_v$:void 0,_v$2:void 0,_v$3:void 0}),t})()}})}o(["click"]);
|
|
2
|
-
//# sourceMappingURL=date.js.map
|
|
1
|
+
import{template as t}from"solid-js/web";import{insert as e}from"solid-js/web";import{getOwner as r}from"solid-js/web";import{effect as n}from"solid-js/web";import{delegateEvents as o}from"solid-js/web";import{createComponent as a}from"solid-js/web";import{className as s}from"solid-js/web";import{addEventListener as i}from"solid-js/web";let l=t('<n-button type="primary">',!0,!1);import{createMemo as d,For as u}from"solid-js";export default function(t){let o=d(()=>{let e=t.current.startOf("month").day();if(!e)return[];let r=[],n=t.current.subtract(1,"month").endOf("month");for(let t=e-1;t>=0;t--)r.push(n.subtract(t,"day").get("date"));return r}),c=d(()=>Array.from({length:6-t.current.endOf("month").day()},(t,e)=>e+1)),m=d(()=>[...o(),...Array.from({length:t.current.daysInMonth()},(t,e)=>e+1),...c()]);function f(t){return t<o().length}function h(t){return t>=m().length-c().length}return a(u,{get each(){return m()},children:(o,a)=>{let u=d(()=>{let t=a();return f(t)||h(t)?"date-day date-opacity":"date-day"}),c=d(()=>{let e=a();return!f(e)&&!h(e)&&t.current.get("date")===o});function m(e){let r=a(),n=t.current.subtract(1,"month"),o=t.current.subtract(-1,"month"),s=(f(r)?n:h(r)?o:t.current).set("date",e);t.current.isSame(s)||t.onChange(s)}return(()=>{let t=l();return i(t,"click",m.bind(null,o),!0),t.circle=!0,t.flat=!0,t._$owner=r(),e(t,o),n(e=>{let r=u(),n=!!c(),o=c()?"strong":"button";return r!==e._v$&&s(t,e._v$=r),n!==e._v$2&&t.classList.toggle("date-active",e._v$2=n),o!==e._v$3&&(t.tag=e._v$3=o),e},{_v$:void 0,_v$2:void 0,_v$3:void 0}),t})()}})}o(["click"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/date-picker/date.tsx"],"sourcesContent":["import { createMemo, For } from 'solid-js';\n\nimport dayjs from './dayjs';\n\ninterface DatePanelProps {\n current: dayjs.Dayjs;\n onChange(next: dayjs.Dayjs): void;\n}\nfunction DatePanel(props: DatePanelProps) {\n function getDays(_dayjs: dayjs.Dayjs): number[] {\n return Array.from({ length: _dayjs.daysInMonth() }, (_, i) => i + 1);\n }\n const prevDays = createMemo(() => {\n const len = props.current.startOf('month').day();\n\n if (!len) return [];\n const _: number[] = [];\n const lastDayOfMonth = props.current.subtract(1, 'month').endOf('month');\n\n for (let i = len - 1; i >= 0; i--) {\n _.push(lastDayOfMonth.subtract(i, 'day').get('date'));\n }\n\n return _;\n });\n const nextDays = createMemo(() =>\n Array.from({ length: 6 - props.current.endOf('month').day() }, (_, i) => i + 1),\n );\n\n const allDays = createMemo(() => [...prevDays(), ...getDays(props.current), ...nextDays()]);\n\n function isPrev(idx: number) {\n return idx < prevDays().length;\n }\n function isNext(idx: number) {\n return idx >= allDays().length - nextDays().length;\n }\n return (\n <For each={allDays()}>\n {(d, i) => {\n const cls = createMemo(() => {\n const idx = i();\n\n if (isPrev(idx)) return 'date-day date-opacity';\n if (isNext(idx)) return 'date-day date-opacity';\n return 'date-day';\n });\n const isActive = createMemo(() => {\n const idx = i();\n\n return !isPrev(idx) && !isNext(idx) && props.current.get('date') === d;\n });\n\n function setDate(date: number) {\n const idx = i();\n const previousMonth = props.current.subtract(1, 'month');\n const nextMonth = props.current.subtract(-1, 'month');\n\n const next = (isPrev(idx) ? previousMonth : isNext(idx) ? nextMonth : props.current).set(\n 'date',\n date,\n );\n\n if (!props.current.isSame(next)) {\n props.onChange(next);\n }\n }\n\n return (\n <n-button\n type=\"primary\"\n circle={true}\n flat={true}\n class={cls()}\n classList={{\n 'date-active': isActive(),\n }}\n tag={isActive() ? 'strong' : 'button'}\n onClick={setDate.bind(null, d)}\n >\n {d}\n </n-button>\n );\n }}\n </For>\n );\n}\n\nexport default DatePanel;\n"],"names":["createMemo","For","props","prevDays","len","current","startOf","day","_","lastDayOfMonth","subtract","endOf","i","push","get","nextDays","Array","from","length","allDays","_dayjs","daysInMonth","isPrev","idx","isNext","d","cls","isActive","setDate","date","previousMonth","nextMonth","next","set","isSame","onChange","bind"],"mappings":"4XAAA,QAASA,cAAAA,CAAU,CAAEC,OAAAA,CAAG,KAAQ,UAAW,AAwF3C,gBAhFA,SAAmBC,CAAqB,EAItC,IAAMC,EAAWH,EAAW,KAC1B,IAAMI,EAAMF,EAAMG,OAAO,CAACC,OAAO,CAAC,SAASC,GAAG,GAE9C,GAAI,CAACH,EAAK,MAAO,EAAE,CACnB,IAAMI,EAAc,EAAE,CAChBC,EAAiBP,EAAMG,OAAO,CAACK,QAAQ,CAAC,EAAG,SAASC,KAAK,CAAC,SAEhE,IAAK,IAAIC,EAAIR,EAAM,EAAGQ,GAAK,EAAGA,IAC5BJ,EAAEK,IAAI,CAACJ,EAAeC,QAAQ,CAACE,EAAG,OAAOE,GAAG,CAAC,SAG/C,OAAON,CACT,GACMO,EAAWf,EAAW,IAC1BgB,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAIhB,EAAMG,OAAO,CAACM,KAAK,CAAC,SAASJ,GAAG,EAAG,EAAG,CAACC,EAAGI,IAAMA,EAAI,IAGzEO,EAAUnB,EAAW,IAAM,IAAIG,OAnB5Ba,MAAMC,IAAI,CAAC,CAAEC,OAAQE,AAmB8BlB,EAAMG,OAAO,CAnBpCgB,WAAW,EAAG,EAAG,CAACb,EAAGI,IAAMA,EAAI,MAmBWG,IAAW,EAE1F,SAASO,EAAOC,CAAW,EACzB,OAAOA,EAAMpB,IAAWe,MAAM,AAChC,CACA,SAASM,EAAOD,CAAW,EACzB,OAAOA,GAAOJ,IAAUD,MAAM,CAAGH,IAAWG,MAAM,AACpD,CACA,SACGjB,qBAAUkB,cACR,CAACM,EAAGb,KACH,IAAMc,EAAM1B,EAAW,KACrB,IAAMuB,EAAMX,WAEZ,AAAIU,EAAOC,IACPC,EAAOD,GADa,wBAEjB,UACT,GACMI,EAAW3B,EAAW,KAC1B,IAAMuB,EAAMX,IAEZ,MAAO,CAACU,EAAOC,IAAQ,CAACC,EAAOD,IAAQrB,EAAMG,OAAO,CAACS,GAAG,CAAC,UAAYW,CACvE,GAEA,SAASG,EAAQC,CAAY,EAC3B,IAAMN,EAAMX,IACNkB,EAAgB5B,EAAMG,OAAO,CAACK,QAAQ,CAAC,EAAG,SAC1CqB,EAAY7B,EAAMG,OAAO,CAACK,QAAQ,CAAC,GAAI,SAEvCsB,EAAO,AAACV,CAAAA,EAAOC,GAAOO,EAAgBN,EAAOD,GAAOQ,EAAY7B,EAAMG,OAAO,AAAD,EAAG4B,GAAG,CACtF,OACAJ,GAGG3B,EAAMG,OAAO,CAAC6B,MAAM,CAACF,IACxB9B,EAAMiC,QAAQ,CAACH,EAEnB,CAEA,yCAUaJ,EAAQQ,IAAI,CAAC,KAAMX,gBAPpB,CAAA,SACF,CAAA,oBAQLA,eAPMC,QAEUC,MAEZA,IAAa,SAAW,0KAMnC,GAGN"}
|
package/es/date-picker/dayjs.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import a,{extend as o,locale as l}from"dayjs";import r from"dayjs/plugin/localeData";import"dayjs/locale/zh-cn";o(r),l("zh-cn");export default a;
|
|
2
|
-
//# sourceMappingURL=dayjs.js.map
|
|
1
|
+
import a,{extend as o,locale as l}from"dayjs";import r from"dayjs/plugin/localeData";import"dayjs/locale/zh-cn";o(r),l("zh-cn");export default a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/date-picker/dayjs.ts"],"sourcesContent":["import dayjs, { extend, locale } from 'dayjs';\nimport localData from 'dayjs/plugin/localeData';\n\nimport 'dayjs/locale/zh-cn';\n\nextend(localData);\nlocale('zh-cn');\n\nexport default dayjs;\n"],"names":["dayjs","extend","locale","localData"],"mappings":"AAAA,OAAOA,GAASC,UAAAA,CAAM,CAAEC,UAAAA,CAAM,KAAQ,OAAQ,AAC9C,QAAOC,MAAe,yBAA0B,AAEhD,OAAO,oBAAqB,CAE5BF,EAAOE,GACPD,EAAO,QAEP,gBAAeF,CAAM"}
|
package/es/date-picker/index.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
var e;function o(){return(o=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}import{use as t}from"solid-js/web";import{template as n}from"solid-js/web";import{mergeProps as r}from"solid-js/web";import{getOwner as a}from"solid-js/web";import{effect as s}from"solid-js/web";import{delegateEvents as i}from"solid-js/web";import{createComponent as p}from"solid-js/web";import{addEventListener as l}from"solid-js/web";let d=n('<n-input part="value">',!0,!1),u=n("<style>");import{createEffect as m,createMemo as f,createSignal as c,mergeProps as h,splitProps as v,untrack as g}from"solid-js";import{customElement as w}from"solid-element";import{clearAttribute as y}from"../basic-config";import C,{defaultProps as Y}from"../popover";import{inline as b}from"../theme";import $ from"./dayjs";import _ from"./panel";import{styles as j}from"./style";import"../button";import"../menu";function H(e){let o;let n=h({type:"date",parser:"YYYY-MM-DD HH:mm:ss"},e),[i,u]=v(n,["class","css","value","defaultValue","onChange","type","content","onOpenChange","open","format","popupCss","trigger","parser","showTime","showHour","showMinute","showSecond","prefixIcon","suffixIcon","placeholder","showToday","showHeader"]),[w,y]=c(null),[Y,b]=c($(i.defaultValue)),H=f(()=>i.format?i.format:i.showTime?"YYYY-MM-DD HH:mm:ss":({month:"YYYY-MM",date:"YYYY-MM-DD",year:"YYYY"})[i.type||"date"]);function M(e){u.disabled||(null==i.onOpenChange||i.onOpenChange.call(i,e),void 0===i.open&&y(e))}function T(e){e.stopPropagation(),e.preventDefault(),M(!0)}function x(){g(w)&&M(!1)}function O(e){var t;e.target===(null==o?void 0:null==(t=o.shadowRoot)?void 0:t.activeElement)&&M(!g(w))}function I(e){void 0===i.value&&b(e),null==n.onChange||n.onChange.call(n,e.format(i.parser),e)}function D(e){if(e.detail){let o=$(e.detail);o.isValid()&&I(o)}}return m(()=>{void 0!==i.open&&i.open!==g(w)&&y(i.open)}),m(()=>{let e=$(i.value||i.defaultValue);void 0!==i.value&&e.isValid()&&b(e)}),p(C,r({trigger:"none",placement:"left",get open(){return w()},onOpenChange:M,get css(){return i.css},popupCss:j,get content(){return p(_,{get type(){return i.type},get current(){return Y()},get open(){return w()},onChange:I,openChange:M,get showHour(){return i.showHour},get showMinute(){return i.showMinute},get showSecond(){return i.showSecond},get showTime(){return i.showTime},get showToday(){return i.showToday},get showHeader(){return i.showHeader}})}},u,{get children(){let e=d(),n=o;return l(e,"change",D),l(e,"blur",x),l(e,"focus",T),l(e,"mousedown",O,!0),"function"==typeof n?t(n,e):o=e,e._$owner=a(),s(o=>{let t=u.disabled,n=i.suffixIcon,r=i.prefixIcon,a=i.placeholder;return t!==o._v$&&(e.disabled=o._v$=t),n!==o._v$2&&(e.suffixIcon=o._v$2=n),r!==o._v$3&&(e.prefixIcon=o._v$3=r),a!==o._v$4&&(e.placeholder=o._v$4=a),o},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),s(()=>e.value=Y().format(H())),e}}))}export var PickerType;(e=PickerType||(PickerType={})).date="date",e.month="month",e.year="year",w("n-data-picker",o({},Y,{value:void 0,defaultValue:void 0,disabled:void 0,onChange:void 0,open:void 0,onOpenChange:void 0,type:void 0,format:void 0,parser:void 0,showTime:void 0,suffixIcon:"📅",prefixIcon:void 0,placeholder:void 0,showHour:!0,showMinute:!0,showSecond:!0,showToday:!0,showHeader:!0}),(e,o)=>{let t=o.element,n=h({css:t.css,onChange(e,o){t.dispatchEvent(new CustomEvent("change",{detail:[e,o]}))},onOpenChange(e){t.dispatchEvent(new CustomEvent("openchange",{detail:e}))}},e);return m(()=>{y(t,["popupCss","css"])}),[(()=>{let e=u();return e.textContent=b,e})(),p(H,n)]});export default H;i(["mousedown"]);
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
var e;function o(){return(o=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}import{use as t}from"solid-js/web";import{template as n}from"solid-js/web";import{mergeProps as r}from"solid-js/web";import{getOwner as a}from"solid-js/web";import{effect as s}from"solid-js/web";import{delegateEvents as i}from"solid-js/web";import{createComponent as p}from"solid-js/web";import{addEventListener as l}from"solid-js/web";let d=n('<n-input part="value">',!0,!1),u=n("<style>");import{createEffect as m,createMemo as f,createSignal as c,mergeProps as h,splitProps as v,untrack as g}from"solid-js";import{customElement as w}from"solid-element";import{clearAttribute as y}from"../basic-config";import C,{defaultProps as Y}from"../popover";import{inline as b}from"../theme";import $ from"./dayjs";import _ from"./panel";import{styles as j}from"./style";import"../button";import"../menu";function H(e){let o;let n=h({type:"date",parser:"YYYY-MM-DD HH:mm:ss"},e),[i,u]=v(n,["class","css","value","defaultValue","onChange","type","content","onOpenChange","open","format","popupCss","trigger","parser","showTime","showHour","showMinute","showSecond","prefixIcon","suffixIcon","placeholder","showToday","showHeader"]),[w,y]=c(null),[Y,b]=c($(i.defaultValue)),H=f(()=>i.format?i.format:i.showTime?"YYYY-MM-DD HH:mm:ss":({month:"YYYY-MM",date:"YYYY-MM-DD",year:"YYYY"})[i.type||"date"]);function M(e){u.disabled||(null==i.onOpenChange||i.onOpenChange.call(i,e),void 0===i.open&&y(e))}function T(e){e.stopPropagation(),e.preventDefault(),M(!0)}function x(){g(w)&&M(!1)}function O(e){var t;e.target===(null==o?void 0:null==(t=o.shadowRoot)?void 0:t.activeElement)&&M(!g(w))}function I(e){void 0===i.value&&b(e),null==n.onChange||n.onChange.call(n,e.format(i.parser),e)}function D(e){if(e.detail){let o=$(e.detail);o.isValid()&&I(o)}}return m(()=>{void 0!==i.open&&i.open!==g(w)&&y(i.open)}),m(()=>{let e=$(i.value||i.defaultValue);void 0!==i.value&&e.isValid()&&b(e)}),p(C,r({trigger:"none",placement:"left",get open(){return w()},onOpenChange:M,get css(){return i.css},popupCss:j,get content(){return p(_,{get type(){return i.type},get current(){return Y()},get open(){return w()},onChange:I,openChange:M,get showHour(){return i.showHour},get showMinute(){return i.showMinute},get showSecond(){return i.showSecond},get showTime(){return i.showTime},get showToday(){return i.showToday},get showHeader(){return i.showHeader}})}},u,{get children(){let e=d(),n=o;return l(e,"change",D),l(e,"blur",x),l(e,"focus",T),l(e,"mousedown",O,!0),"function"==typeof n?t(n,e):o=e,e._$owner=a(),s(o=>{let t=u.disabled,n=i.suffixIcon,r=i.prefixIcon,a=i.placeholder;return t!==o._v$&&(e.disabled=o._v$=t),n!==o._v$2&&(e.suffixIcon=o._v$2=n),r!==o._v$3&&(e.prefixIcon=o._v$3=r),a!==o._v$4&&(e.placeholder=o._v$4=a),o},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),s(()=>e.value=Y().format(H())),e}}))}export var PickerType;(e=PickerType||(PickerType={})).date="date",e.month="month",e.year="year",w("n-data-picker",o({},Y,{value:void 0,defaultValue:void 0,disabled:void 0,onChange:void 0,open:void 0,onOpenChange:void 0,type:void 0,format:void 0,parser:void 0,showTime:void 0,suffixIcon:"📅",prefixIcon:void 0,placeholder:void 0,showHour:!0,showMinute:!0,showSecond:!0,showToday:!0,showHeader:!0}),(e,o)=>{let t=o.element,n=h({css:t.css,onChange(e,o){t.dispatchEvent(new CustomEvent("change",{detail:[e,o]}))},onOpenChange(e){t.dispatchEvent(new CustomEvent("openchange",{detail:e}))}},e);return m(()=>{y(t,["popupCss","css"])}),[(()=>{let e=u();return e.textContent=b,e})(),p(H,n)]});export default H;i(["mousedown"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../components/date-picker/index.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, mergeProps, splitProps, untrack } from 'solid-js';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement, InputElement, PopoverProps } from '..';\nimport { clearAttribute } from '../basic-config';\nimport Popover, { defaultProps } from '../popover';\nimport { inline } from '../theme';\n\nimport dayjs from './dayjs';\nimport Panel from './panel';\nimport { styles } from './style';\n\nimport '../button';\nimport '../menu';\n\nfunction DatePicker(_props: DatePickerProps) {\n let ref: InputElement | undefined;\n const props = mergeProps(\n {\n type: 'date' as DatePickerProps['type'],\n parser: 'YYYY-MM-DD HH:mm:ss',\n },\n _props,\n );\n const [local, other] = splitProps(props, [\n 'class',\n 'css',\n 'value',\n 'defaultValue',\n 'onChange',\n 'type',\n 'content',\n 'onOpenChange',\n 'open',\n 'format',\n 'popupCss',\n 'trigger',\n 'parser',\n 'showTime',\n 'showHour',\n 'showMinute',\n 'showSecond',\n 'prefixIcon',\n 'suffixIcon',\n 'placeholder',\n 'showToday',\n 'showHeader',\n ]);\n const [open, setOpen] = createSignal<boolean | null>(null);\n const [current, setCurrent] = createSignal(dayjs(local.defaultValue));\n\n const format = createMemo(() => {\n if (local.format) {\n return local.format;\n }\n if (local.showTime) return 'YYYY-MM-DD HH:mm:ss';\n return {\n month: 'YYYY-MM',\n date: 'YYYY-MM-DD',\n year: 'YYYY',\n }[local.type || 'date'];\n });\n\n function openChange(next: boolean | null) {\n if (!other.disabled) {\n local.onOpenChange?.(next);\n if (local.open === void 0) {\n setOpen(next);\n }\n }\n }\n\n function focus(e: FocusEvent | MouseEvent) {\n e.stopPropagation();\n e.preventDefault();\n openChange(true);\n }\n function blur() {\n if (untrack(open)) {\n openChange(false);\n }\n }\n function inputMouseDown(e: MouseEvent) {\n if (e.target === (ref?.shadowRoot as ShadowRoot | null)?.activeElement) {\n openChange(!untrack(open));\n }\n }\n function handleChange(next: dayjs.Dayjs) {\n if (local.value === void 0) {\n setCurrent(next);\n }\n props.onChange?.(next.format(local.parser), next);\n }\n function handleInputChange(e: CustomEvent<string | number | undefined>) {\n if (e.detail) {\n const next = dayjs(e.detail);\n\n if (next.isValid()) {\n handleChange(next);\n }\n }\n }\n\n createEffect(() => {\n if (local.open !== void 0 && local.open !== untrack(open)) {\n setOpen(local.open);\n }\n });\n createEffect(() => {\n const next = dayjs(local.value || local.defaultValue);\n\n if (local.value !== void 0 && next.isValid()) {\n setCurrent(next);\n }\n });\n return (\n <Popover\n trigger=\"none\"\n placement=\"left\"\n open={open()}\n onOpenChange={openChange}\n css={local.css}\n popupCss={styles}\n content={\n <Panel\n type={local.type}\n current={current()}\n open={open()}\n onChange={handleChange}\n openChange={openChange}\n showHour={local.showHour}\n showMinute={local.showMinute}\n showSecond={local.showSecond}\n showTime={local.showTime}\n showToday={local.showToday}\n showHeader={local.showHeader}\n />\n }\n {...other}\n >\n <n-input\n ref={ref}\n onMouseDown={inputMouseDown}\n onFocus={focus}\n onBlur={blur}\n disabled={other.disabled}\n value={current().format(format())}\n suffix-icon={local.suffixIcon}\n prefix-icon={local.prefixIcon}\n placeholder={local.placeholder}\n part=\"value\"\n onChange={handleInputChange}\n />\n </Popover>\n );\n}\n/** API\n * @since 2.1.0\n */\nexport interface DatePickerProps extends Partial<PopoverProps> {\n /** 自定义类名 */\n class?: string;\n /** 自定义类名 */\n css?: string;\n /** 类型\n * @default 'date'\n */\n type?: keyof typeof PickerType;\n /** 值 */\n value?: string | number;\n /** 默认值\n * @default 当前时间\n */\n defaultValue?: string | number;\n /** 禁用 */\n disabled?: boolean;\n /** 格式化回填到输入框的内容\n * @default 'YYYY-MM-DD'\n */\n format?: string;\n /** 格式化获取的值\n * @default 'YYYY-MM-DD HH:mm:ss'\n */\n parser?: string;\n /** 前缀 */\n prefixIcon?: JSX.Element;\n /** 后缀\n * @default '📅'\n */\n suffixIcon?: JSX.Element;\n /** 变更时的回调 */\n onChange?(val: string, time: dayjs.Dayjs): void;\n /** 显示时间选择\n * @default false\n */\n showTime?: boolean;\n /** 显示小时选择\n * @default true\n **/\n showHour?: boolean;\n /** 显示分钟选择\n * @default true\n **/\n showMinute?: boolean;\n /** 显示秒选择\n * @default true\n **/\n showSecond?: boolean;\n /** 占位文本 */\n placeholder?: string;\n /** 显示今日按钮\n * @default true\n */\n showToday?: boolean;\n /** 显示顶部\n * @default true\n */\n showHeader?: boolean;\n}\n\nexport enum PickerType {\n /** 日期选择 */\n date = 'date',\n /** 月份选择 */\n month = 'month',\n /** 年份选择 */\n year = 'year',\n}\n\nexport type DatePickerElement = CustomElement<DatePickerProps, 'onChange' | 'onOpenChange'>;\n\ncustomElement<DatePickerProps>(\n 'n-data-picker',\n {\n ...defaultProps,\n value: void 0,\n defaultValue: void 0,\n disabled: void 0,\n onChange: void 0,\n open: void 0,\n onOpenChange: void 0,\n type: void 0,\n format: void 0,\n parser: void 0,\n showTime: void 0,\n suffixIcon: '📅',\n prefixIcon: void 0,\n placeholder: void 0,\n showHour: true,\n showMinute: true,\n showSecond: true,\n showToday: true,\n showHeader: true,\n },\n (_, opt) => {\n const el = opt.element;\n const props = mergeProps(\n {\n css: el.css,\n onChange(val: string, time: dayjs.Dayjs) {\n el.dispatchEvent(\n new CustomEvent('change', {\n detail: [val, time],\n }),\n );\n },\n onOpenChange(open: boolean | null) {\n el.dispatchEvent(\n new CustomEvent('openchange', {\n detail: open,\n }),\n );\n },\n },\n _,\n );\n\n createEffect(() => {\n clearAttribute(el, ['popupCss', 'css']);\n });\n return (\n <>\n <style textContent={inline} />\n <DatePicker {...props} />\n </>\n );\n },\n);\nexport default DatePicker;\n"],"names":["PickerType","createEffect","createMemo","createSignal","mergeProps","splitProps","untrack","customElement","clearAttribute","Popover","defaultProps","inline","dayjs","Panel","styles","DatePicker","_props","ref","props","type","parser","local","other","open","setOpen","current","setCurrent","defaultValue","format","showTime","month","date","year","openChange","next","disabled","onOpenChange","focus","e","stopPropagation","preventDefault","blur","inputMouseDown","target","shadowRoot","activeElement","handleChange","value","onChange","handleInputChange","detail","isValid","css","showHour","showMinute","showSecond","showToday","showHeader","suffixIcon","prefixIcon","placeholder","_","opt","el","element","val","time","dispatchEvent","CustomEvent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["components/date-picker/index.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, mergeProps, splitProps, untrack } from 'solid-js';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement, InputElement, PopoverProps } from '..';\nimport { clearAttribute } from '../basic-config';\nimport Popover, { defaultProps } from '../popover';\nimport { inline } from '../theme';\n\nimport dayjs from './dayjs';\nimport Panel from './panel';\nimport { styles } from './style';\n\nimport '../button';\nimport '../menu';\n\nfunction DatePicker(_props: DatePickerProps) {\n let ref: InputElement | undefined;\n const props = mergeProps(\n {\n type: 'date' as DatePickerProps['type'],\n parser: 'YYYY-MM-DD HH:mm:ss',\n },\n _props,\n );\n const [local, other] = splitProps(props, [\n 'class',\n 'css',\n 'value',\n 'defaultValue',\n 'onChange',\n 'type',\n 'content',\n 'onOpenChange',\n 'open',\n 'format',\n 'popupCss',\n 'trigger',\n 'parser',\n 'showTime',\n 'showHour',\n 'showMinute',\n 'showSecond',\n 'prefixIcon',\n 'suffixIcon',\n 'placeholder',\n 'showToday',\n 'showHeader',\n ]);\n const [open, setOpen] = createSignal<boolean | null>(null);\n const [current, setCurrent] = createSignal(dayjs(local.defaultValue));\n\n const format = createMemo(() => {\n if (local.format) {\n return local.format;\n }\n if (local.showTime) return 'YYYY-MM-DD HH:mm:ss';\n return {\n month: 'YYYY-MM',\n date: 'YYYY-MM-DD',\n year: 'YYYY',\n }[local.type || 'date'];\n });\n\n function openChange(next: boolean | null) {\n if (!other.disabled) {\n local.onOpenChange?.(next);\n if (local.open === void 0) {\n setOpen(next);\n }\n }\n }\n\n function focus(e: FocusEvent | MouseEvent) {\n e.stopPropagation();\n e.preventDefault();\n openChange(true);\n }\n function blur() {\n if (untrack(open)) {\n openChange(false);\n }\n }\n function inputMouseDown(e: MouseEvent) {\n if (e.target === (ref?.shadowRoot as ShadowRoot | null)?.activeElement) {\n openChange(!untrack(open));\n }\n }\n function handleChange(next: dayjs.Dayjs) {\n if (local.value === void 0) {\n setCurrent(next);\n }\n props.onChange?.(next.format(local.parser), next);\n }\n function handleInputChange(e: CustomEvent<string | number | undefined>) {\n if (e.detail) {\n const next = dayjs(e.detail);\n\n if (next.isValid()) {\n handleChange(next);\n }\n }\n }\n\n createEffect(() => {\n if (local.open !== void 0 && local.open !== untrack(open)) {\n setOpen(local.open);\n }\n });\n createEffect(() => {\n const next = dayjs(local.value || local.defaultValue);\n\n if (local.value !== void 0 && next.isValid()) {\n setCurrent(next);\n }\n });\n return (\n <Popover\n trigger=\"none\"\n placement=\"left\"\n open={open()}\n onOpenChange={openChange}\n css={local.css}\n popupCss={styles}\n content={\n <Panel\n type={local.type}\n current={current()}\n open={open()}\n onChange={handleChange}\n openChange={openChange}\n showHour={local.showHour}\n showMinute={local.showMinute}\n showSecond={local.showSecond}\n showTime={local.showTime}\n showToday={local.showToday}\n showHeader={local.showHeader}\n />\n }\n {...other}\n >\n <n-input\n ref={ref}\n onMouseDown={inputMouseDown}\n onFocus={focus}\n onBlur={blur}\n disabled={other.disabled}\n value={current().format(format())}\n suffix-icon={local.suffixIcon}\n prefix-icon={local.prefixIcon}\n placeholder={local.placeholder}\n part=\"value\"\n onChange={handleInputChange}\n />\n </Popover>\n );\n}\n/** API\n * @since 2.1.0\n */\nexport interface DatePickerProps extends Partial<PopoverProps> {\n /** 自定义类名 */\n class?: string;\n /** 自定义类名 */\n css?: string;\n /** 类型\n * @default 'date'\n */\n type?: keyof typeof PickerType;\n /** 值 */\n value?: string | number;\n /** 默认值\n * @default 当前时间\n */\n defaultValue?: string | number;\n /** 禁用 */\n disabled?: boolean;\n /** 格式化回填到输入框的内容\n * @default 'YYYY-MM-DD'\n */\n format?: string;\n /** 格式化获取的值\n * @default 'YYYY-MM-DD HH:mm:ss'\n */\n parser?: string;\n /** 前缀 */\n prefixIcon?: JSX.Element;\n /** 后缀\n * @default '📅'\n */\n suffixIcon?: JSX.Element;\n /** 变更时的回调 */\n onChange?(val: string, time: dayjs.Dayjs): void;\n /** 显示时间选择\n * @default false\n */\n showTime?: boolean;\n /** 显示小时选择\n * @default true\n **/\n showHour?: boolean;\n /** 显示分钟选择\n * @default true\n **/\n showMinute?: boolean;\n /** 显示秒选择\n * @default true\n **/\n showSecond?: boolean;\n /** 占位文本 */\n placeholder?: string;\n /** 显示今日按钮\n * @default true\n */\n showToday?: boolean;\n /** 显示顶部\n * @default true\n */\n showHeader?: boolean;\n}\n\nexport enum PickerType {\n /** 日期选择 */\n date = 'date',\n /** 月份选择 */\n month = 'month',\n /** 年份选择 */\n year = 'year',\n}\n\nexport type DatePickerElement = CustomElement<DatePickerProps, 'onChange' | 'onOpenChange'>;\n\ncustomElement<DatePickerProps>(\n 'n-data-picker',\n {\n ...defaultProps,\n value: void 0,\n defaultValue: void 0,\n disabled: void 0,\n onChange: void 0,\n open: void 0,\n onOpenChange: void 0,\n type: void 0,\n format: void 0,\n parser: void 0,\n showTime: void 0,\n suffixIcon: '📅',\n prefixIcon: void 0,\n placeholder: void 0,\n showHour: true,\n showMinute: true,\n showSecond: true,\n showToday: true,\n showHeader: true,\n },\n (_, opt) => {\n const el = opt.element;\n const props = mergeProps(\n {\n css: el.css,\n onChange(val: string, time: dayjs.Dayjs) {\n el.dispatchEvent(\n new CustomEvent('change', {\n detail: [val, time],\n }),\n );\n },\n onOpenChange(open: boolean | null) {\n el.dispatchEvent(\n new CustomEvent('openchange', {\n detail: open,\n }),\n );\n },\n },\n _,\n );\n\n createEffect(() => {\n clearAttribute(el, ['popupCss', 'css']);\n });\n return (\n <>\n <style textContent={inline} />\n <DatePicker {...props} />\n </>\n );\n },\n);\nexport default DatePicker;\n"],"names":["PickerType","createEffect","createMemo","createSignal","mergeProps","splitProps","untrack","customElement","clearAttribute","Popover","defaultProps","inline","dayjs","Panel","styles","DatePicker","_props","ref","props","type","parser","local","other","open","setOpen","current","setCurrent","defaultValue","format","showTime","month","date","year","openChange","next","disabled","onOpenChange","focus","e","stopPropagation","preventDefault","blur","inputMouseDown","target","shadowRoot","activeElement","handleChange","value","onChange","handleInputChange","detail","isValid","css","showHour","showMinute","showSecond","showToday","showHeader","suffixIcon","prefixIcon","placeholder","_","opt","el","element","val","time","dispatchEvent","CustomEvent"],"mappings":"IA4NYA,ulBA5NZ,QAASC,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,CAAEC,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,CAAEC,cAAAA,CAAU,CAAEC,WAAAA,CAAO,KAAQ,UAAW,AACnG,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAG9C,QAASC,kBAAAA,CAAc,KAAQ,iBAAkB,AACjD,QAAOC,GAAWC,gBAAAA,CAAY,KAAQ,YAAa,AACnD,QAASC,UAAAA,CAAM,KAAQ,UAAW,AAElC,QAAOC,MAAW,SAAU,AAC5B,QAAOC,MAAW,SAAU,AAC5B,QAASC,UAAAA,CAAM,KAAQ,SAAU,AAEjC,OAAO,WAAY,AACnB,OAAO,SAAU,CAEjB,SAASC,EAAWC,CAAuB,MACrCC,EACJ,IAAMC,EAAQd,EACZ,CACEe,KAAM,OACNC,OAAQ,qBACV,EACAJ,GAEI,CAACK,EAAOC,EAAM,CAAGjB,EAAWa,EAAO,CACvC,QACA,MACA,QACA,eACA,WACA,OACA,UACA,eACA,OACA,SACA,WACA,UACA,SACA,WACA,WACA,aACA,aACA,aACA,aACA,cACA,YACA,aACD,EACK,CAACK,EAAMC,EAAQ,CAAGrB,EAA6B,MAC/C,CAACsB,EAASC,EAAW,CAAGvB,EAAaS,EAAMS,EAAMM,YAAY,GAE7DC,EAAS1B,EAAW,IACxB,AAAImB,EAAMO,MAAM,CACPP,EAAMO,MAAM,CAEjBP,EAAMQ,QAAQ,CAAS,sBACpB,CAAA,CACLC,MAAO,UACPC,KAAM,aACNC,KAAM,MACR,CAAA,CAAC,CAACX,EAAMF,IAAI,EAAI,OAAO,EAGzB,SAASc,EAAWC,CAAoB,EACjCZ,EAAMa,QAAQ,SACjBd,EAAMe,YAAY,EAAlBf,EAAMe,YAAY,MAAlBf,EAAqBa,GACF,KAAK,IAApBb,EAAME,IAAI,EACZC,EAAQU,GAGd,CAEA,SAASG,EAAMC,CAA0B,EACvCA,EAAEC,eAAe,GACjBD,EAAEE,cAAc,GAChBP,EAAW,CAAA,EACb,CACA,SAASQ,IACHnC,EAAQiB,IACVU,EAAW,CAAA,EAEf,CACA,SAASS,EAAeJ,CAAa,MACjBrB,CAAdqB,CAAAA,EAAEK,MAAM,UAAM1B,gBAAAA,EAAAA,EAAK2B,UAAU,SAAhB,AAAC3B,EAAuC4B,aAAa,GACpEZ,EAAW,CAAC3B,EAAQiB,GAExB,CACA,SAASuB,EAAaZ,CAAiB,EACjB,KAAK,IAArBb,EAAM0B,KAAK,EACbrB,EAAWQ,SAEbhB,EAAM8B,QAAQ,EAAd9B,EAAM8B,QAAQ,MAAd9B,EAAiBgB,EAAKN,MAAM,CAACP,EAAMD,MAAM,EAAGc,EAC9C,CACA,SAASe,EAAkBX,CAA2C,EACpE,GAAIA,EAAEY,MAAM,CAAE,CACZ,IAAMhB,EAAOtB,EAAM0B,EAAEY,MAAM,EAEvBhB,EAAKiB,OAAO,IACdL,EAAaZ,EAEjB,CACF,CAcA,OAZAjC,EAAa,KACQ,KAAK,IAApBoB,EAAME,IAAI,EAAeF,EAAME,IAAI,GAAKjB,EAAQiB,IAClDC,EAAQH,EAAME,IAAI,CAEtB,GACAtB,EAAa,KACX,IAAMiC,EAAOtB,EAAMS,EAAM0B,KAAK,EAAI1B,EAAMM,YAAY,CAEhC,MAAK,IAArBN,EAAM0B,KAAK,EAAeb,EAAKiB,OAAO,IACxCzB,EAAWQ,EAEf,KAEGzB,uDAGOc,kBACQU,mBACTZ,EAAM+B,GAAG,WACJtC,yBAEPD,qBACOQ,EAAMF,IAAI,uBACPM,uBACHF,cACIuB,aACEb,wBACFZ,EAAMgC,QAAQ,0BACZhC,EAAMiC,UAAU,0BAChBjC,EAAMkC,UAAU,wBAClBlC,EAAMQ,QAAQ,yBACbR,EAAMmC,SAAS,0BACdnC,EAAMoC,UAAU,MAG5BnC,8BAGGL,sBAUKgC,cAPFR,eADCJ,mBADIK,kCADRzB,8BAIKK,EAAMa,QAAQ,GAEXd,EAAMqC,UAAU,GAChBrC,EAAMsC,UAAU,GAChBtC,EAAMuC,WAAW,wNAHvBnC,IAAUG,MAAM,CAACA,WAShC,wBAiEY5B,EAAAA,aAAAA,0DAWZO,EACE,gBACA,KACKG,GACHqC,MAAO,KAAK,EACZpB,aAAc,KAAK,EACnBQ,SAAU,KAAK,EACfa,SAAU,KAAK,EACfzB,KAAM,KAAK,EACXa,aAAc,KAAK,EACnBjB,KAAM,KAAK,EACXS,OAAQ,KAAK,EACbR,OAAQ,KAAK,EACbS,SAAU,KAAK,EACf6B,WAAY,KACZC,WAAY,KAAK,EACjBC,YAAa,KAAK,EAClBP,SAAU,CAAA,EACVC,WAAY,CAAA,EACZC,WAAY,CAAA,EACZC,UAAW,CAAA,EACXC,WAAY,CAAA,IAEd,CAACI,EAAGC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChB9C,EAAQd,EACZ,CACEgD,IAAKW,EAAGX,GAAG,CACXJ,SAASiB,CAAW,CAAEC,CAAiB,EACrCH,EAAGI,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBlB,OAAQ,CAACe,EAAKC,EAAK,AACrB,GAEJ,EACA9B,aAAab,CAAoB,EAC/BwC,EAAGI,aAAa,CACd,IAAIC,YAAY,aAAc,CAC5BlB,OAAQ3B,CACV,GAEJ,CACF,EACAsC,GAMF,OAHA5D,EAAa,KACXO,EAAeuD,EAAI,CAAC,WAAY,MAAM,CACxC,yCAGwBpD,UACnBI,EAAeG,GAGtB,EAEF,gBAAeH,CAAW"}
|
package/es/date-picker/month.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{template as t}from"solid-js/web";import{insert as e}from"solid-js/web";import{getOwner as o}from"solid-js/web";import{effect as r}from"solid-js/web";import{delegateEvents as s}from"solid-js/web";import{createComponent as n}from"solid-js/web";import{addEventListener as i}from"solid-js/web";let m=t('<n-button type="primary" class="date-picker-month">',!0,!1);import{createMemo as a,For as l}from"solid-js";import d from"./dayjs";export const months=d.monthsShort();export default function(t){return n(l,{each:months,children:(s,n)=>{let l=a(()=>t.current.get("month")===n());function d(){t.onChange(t.current.set("month",n()))}return(()=>{let t=m();return i(t,"click",d,!0),t.flat=!0,t._$owner=o(),e(t,s),r(e=>{let o=!!l(),r=l()?"strong":"button";return o!==e._v$&&t.classList.toggle("date-active",e._v$=o),r!==e._v$2&&(t.tag=e._v$2=r),e},{_v$:void 0,_v$2:void 0}),t})()}})}s(["click"]);
|
|
2
|
-
//# sourceMappingURL=month.js.map
|
|
1
|
+
import{template as t}from"solid-js/web";import{insert as e}from"solid-js/web";import{getOwner as o}from"solid-js/web";import{effect as r}from"solid-js/web";import{delegateEvents as s}from"solid-js/web";import{createComponent as n}from"solid-js/web";import{addEventListener as i}from"solid-js/web";let m=t('<n-button type="primary" class="date-picker-month">',!0,!1);import{createMemo as a,For as l}from"solid-js";import d from"./dayjs";export const months=d.monthsShort();export default function(t){return n(l,{each:months,children:(s,n)=>{let l=a(()=>t.current.get("month")===n());function d(){t.onChange(t.current.set("month",n()))}return(()=>{let t=m();return i(t,"click",d,!0),t.flat=!0,t._$owner=o(),e(t,s),r(e=>{let o=!!l(),r=l()?"strong":"button";return o!==e._v$&&t.classList.toggle("date-active",e._v$=o),r!==e._v$2&&(t.tag=e._v$2=r),e},{_v$:void 0,_v$2:void 0}),t})()}})}s(["click"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/date-picker/month.tsx"],"sourcesContent":["import { createMemo, For } from 'solid-js';\n\nimport dayjs from './dayjs';\n\ninterface MonthPanelProps {\n current: dayjs.Dayjs;\n onChange(next: dayjs.Dayjs): void;\n}\n\nexport const months = dayjs.monthsShort();\n\nfunction MonthPanel(props: MonthPanelProps) {\n return (\n <For each={months}>\n {(m, i) => {\n const isActive = createMemo(() => {\n return props.current.get('month') === i();\n });\n\n function onChange() {\n props.onChange(props.current.set('month', i()));\n }\n\n return (\n <n-button\n type=\"primary\"\n flat={true}\n class=\"date-picker-month\"\n classList={{\n 'date-active': isActive(),\n }}\n tag={isActive() ? 'strong' : 'button'}\n onClick={onChange}\n >\n {m}\n </n-button>\n );\n }}\n </For>\n );\n}\n\nexport default MonthPanel;\n"],"names":["createMemo","For","dayjs","months","monthsShort","props","m","i","isActive","current","get","onChange","set"],"mappings":"6WAAA,QAASA,cAAAA,CAAU,CAAEC,OAAAA,CAAG,KAAQ,UAAW,AAE3C,QAAOC,MAAW,SAAU,AAO5B,QAAO,MAAMC,OAASD,EAAME,WAAW,EAAG,AAiC1C,gBA/BA,SAAoBC,CAAsB,EACxC,SACGJ,QAAUE,gBACR,CAACG,EAAGC,KACH,IAAMC,EAAWR,EAAW,IACnBK,EAAMI,OAAO,CAACC,GAAG,CAAC,WAAaH,KAGxC,SAASI,IACPN,EAAMM,QAAQ,CAACN,EAAMI,OAAO,CAACG,GAAG,CAAC,QAASL,KAC5C,CAEA,yCASaI,aANH,CAAA,oBAQLL,iBALgBE,MAEZA,IAAa,SAAW,oIAMnC,GAGN"}
|
package/es/date-picker/panel.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{use as e}from"solid-js/web";import{template as t}from"solid-js/web";import"solid-js/web";import{insert as r}from"solid-js/web";import{getOwner as n}from"solid-js/web";import{effect as o}from"solid-js/web";import{delegateEvents as i}from"solid-js/web";import{createComponent as s}from"solid-js/web";import{addEventListener as a}from"solid-js/web";let l=t(`<n-button class="prev-month" type="primary">〈`,!0,!1),c=t("<n-button><strong>",!0,!1),u=t(`<n-button class="next-month" type="primary">〉`,!0,!1),h=t(`<section class="date-picker-header"><span class="date-prev"><n-button class="prev-year" type="primary">《</n-button></span><span class="date-value"><n-button><strong></strong></n-button></span><span class="date-next"><n-button class="next-year" type="primary">》`,!0,!1),d=t('<section class="date-picker-weeks">'),g=t(`<section class="date-picker-footer"><n-button type="primary">今日`,!0,!1),p=t('<div class="date-time-picker"><div class="date-picker"><section class="date-picker-items">'),m=t("<span>");import{createEffect as f,createMemo as w,createSignal as y,For as b,Match as $,Show as C,Switch as k}from"solid-js";import v from"./date";import _ from"./dayjs";import j from"./month";import x from"./time";import S from"./year";export default function(t){let i;let[H,L]=y(0),[M,E]=y("date"),P=_.weekdaysMin(),T=w(()=>"date"===M()),D=w(()=>10*parseInt(`${t.current.get("years")/10+H()}`));function I(e){t.open&&(e.stopPropagation(),e.preventDefault())}function O(){"year"===M()?L(e=>e-1):t.onChange(t.current.subtract(1,"year"))}function q(){"year"===M()?L(e=>e+1):t.onChange(t.current.subtract(-1,"year"))}function z(){t.onChange(t.current.subtract(1,"month"))}function A(){t.onChange(t.current.subtract(-1,"month"))}function B(e){t.onChange(e),M()===t.type?t.openChange(!1):E(t.type)}return f(()=>{"year"!==M()&&L(e=>e?0:e)}),f(()=>{t.type&&E(t.type)}),(()=>{let f=p(),w=f.firstChild,y=i,H=w.firstChild;return a(w,"mousedown",I,!0),"function"==typeof y?e(y,w):i=w,r(w,s(C,{get when(){return t.showHeader},get children(){let e=h(),i=e.firstChild,d=i.firstChild,g=i.nextSibling,p=g.firstChild,m=p.firstChild,f=g.nextSibling,w=f.firstChild;return a(d,"click",O,!0),d.circle=!0,d.flat=!0,d._$owner=n(),r(i,s(C,{get when(){return T()},get children(){let e=l();return a(e,"click",z,!0),e.circle=!0,e.flat=!0,e._$owner=n(),e}}),null),p.$$click=()=>E("year"),p.ghost=!0,p.flat=!0,p._$owner=n(),r(m,s(C,{get when(){return"year"===M()},get fallback(){return`${t.current.get("years")}年`},get children(){return`${D()}-${D()+9}年`}})),r(g,s(C,{get when(){return T()},get children(){let e=c(),o=e.firstChild;return e.$$click=()=>E("month"),e.ghost=!0,e.flat=!0,e._$owner=n(),r(o,()=>`${t.current.get("months")+1}月`),e}}),null),r(f,s(C,{get when(){return T()},get children(){let e=u();return a(e,"click",A,!0),e.circle=!0,e.flat=!0,e._$owner=n(),e}}),w),a(w,"click",q,!0),w.circle=!0,w.flat=!0,w._$owner=n(),o(e=>{let t=!T(),r=!T();return t!==e._v$&&i.classList.toggle("not-date",e._v$=t),r!==e._v$2&&f.classList.toggle("not-date",e._v$2=r),e},{_v$:void 0,_v$2:void 0}),e}}),H),r(w,s(C,{get when(){return T()},get children(){let e=d();return r(e,s(b,{each:P,children:e=>(()=>{let t=m();return r(t,e),t})()})),e}}),H),r(H,s(k,{get children(){return[s($,{get when(){return T()},get children(){return s(v,{get current(){return t.current},onChange:B})}}),s($,{get when(){return"month"===M()},get children(){return s(j,{get current(){return t.current},onChange:B})}}),s($,{get when(){return"year"===M()},get children(){return s(S,{get current(){return t.current},onChange:B,get start(){return D()}})}})]}})),r(w,s(C,{get when(){return T()&&t.showToday},get children(){let e=g(),r=e.firstChild;return r.$$click=()=>{t.onChange(_())},r.block=!0,r.link=!0,r._$owner=n(),e}}),null),r(f,s(C,{get when(){return T()&&t.showTime},get children(){return s(x,{get current(){return t.current},get onChange(){return t.onChange},get showHour(){return t.showHour},get showMinute(){return t.showMinute},get showSecond(){return t.showSecond},datePicker:i})}}),null),f})()}i(["click","mousedown"]);
|
|
2
|
-
//# sourceMappingURL=panel.js.map
|
|
1
|
+
import{use as e}from"solid-js/web";import{template as t}from"solid-js/web";import"solid-js/web";import{insert as r}from"solid-js/web";import{getOwner as n}from"solid-js/web";import{effect as o}from"solid-js/web";import{delegateEvents as i}from"solid-js/web";import{createComponent as s}from"solid-js/web";import{addEventListener as a}from"solid-js/web";let l=t(`<n-button class="prev-month" type="primary">〈`,!0,!1),c=t("<n-button><strong>",!0,!1),u=t(`<n-button class="next-month" type="primary">〉`,!0,!1),h=t(`<section class="date-picker-header"><span class="date-prev"><n-button class="prev-year" type="primary">《</n-button></span><span class="date-value"><n-button><strong></strong></n-button></span><span class="date-next"><n-button class="next-year" type="primary">》`,!0,!1),d=t('<section class="date-picker-weeks">'),g=t(`<section class="date-picker-footer"><n-button type="primary">今日`,!0,!1),p=t('<div class="date-time-picker"><div class="date-picker"><section class="date-picker-items">'),m=t("<span>");import{createEffect as f,createMemo as w,createSignal as y,For as b,Match as $,Show as C,Switch as k}from"solid-js";import v from"./date";import _ from"./dayjs";import j from"./month";import x from"./time";import S from"./year";export default function(t){let i;let[H,L]=y(0),[M,E]=y("date"),P=_.weekdaysMin(),T=w(()=>"date"===M()),D=w(()=>10*parseInt(`${t.current.get("years")/10+H()}`));function I(e){t.open&&(e.stopPropagation(),e.preventDefault())}function O(){"year"===M()?L(e=>e-1):t.onChange(t.current.subtract(1,"year"))}function q(){"year"===M()?L(e=>e+1):t.onChange(t.current.subtract(-1,"year"))}function z(){t.onChange(t.current.subtract(1,"month"))}function A(){t.onChange(t.current.subtract(-1,"month"))}function B(e){t.onChange(e),M()===t.type?t.openChange(!1):E(t.type)}return f(()=>{"year"!==M()&&L(e=>e?0:e)}),f(()=>{t.type&&E(t.type)}),(()=>{let f=p(),w=f.firstChild,y=i,H=w.firstChild;return a(w,"mousedown",I,!0),"function"==typeof y?e(y,w):i=w,r(w,s(C,{get when(){return t.showHeader},get children(){let e=h(),i=e.firstChild,d=i.firstChild,g=i.nextSibling,p=g.firstChild,m=p.firstChild,f=g.nextSibling,w=f.firstChild;return a(d,"click",O,!0),d.circle=!0,d.flat=!0,d._$owner=n(),r(i,s(C,{get when(){return T()},get children(){let e=l();return a(e,"click",z,!0),e.circle=!0,e.flat=!0,e._$owner=n(),e}}),null),p.$$click=()=>E("year"),p.ghost=!0,p.flat=!0,p._$owner=n(),r(m,s(C,{get when(){return"year"===M()},get fallback(){return`${t.current.get("years")}年`},get children(){return`${D()}-${D()+9}年`}})),r(g,s(C,{get when(){return T()},get children(){let e=c(),o=e.firstChild;return e.$$click=()=>E("month"),e.ghost=!0,e.flat=!0,e._$owner=n(),r(o,()=>`${t.current.get("months")+1}月`),e}}),null),r(f,s(C,{get when(){return T()},get children(){let e=u();return a(e,"click",A,!0),e.circle=!0,e.flat=!0,e._$owner=n(),e}}),w),a(w,"click",q,!0),w.circle=!0,w.flat=!0,w._$owner=n(),o(e=>{let t=!T(),r=!T();return t!==e._v$&&i.classList.toggle("not-date",e._v$=t),r!==e._v$2&&f.classList.toggle("not-date",e._v$2=r),e},{_v$:void 0,_v$2:void 0}),e}}),H),r(w,s(C,{get when(){return T()},get children(){let e=d();return r(e,s(b,{each:P,children:e=>(()=>{let t=m();return r(t,e),t})()})),e}}),H),r(H,s(k,{get children(){return[s($,{get when(){return T()},get children(){return s(v,{get current(){return t.current},onChange:B})}}),s($,{get when(){return"month"===M()},get children(){return s(j,{get current(){return t.current},onChange:B})}}),s($,{get when(){return"year"===M()},get children(){return s(S,{get current(){return t.current},onChange:B,get start(){return D()}})}})]}})),r(w,s(C,{get when(){return T()&&t.showToday},get children(){let e=g(),r=e.firstChild;return r.$$click=()=>{t.onChange(_())},r.block=!0,r.link=!0,r._$owner=n(),e}}),null),r(f,s(C,{get when(){return T()&&t.showTime},get children(){return s(x,{get current(){return t.current},get onChange(){return t.onChange},get showHour(){return t.showHour},get showMinute(){return t.showMinute},get showSecond(){return t.showSecond},datePicker:i})}}),null),f})()}i(["click","mousedown"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/date-picker/panel.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, Match, Show, Switch } from 'solid-js';\n\nimport type { DatePickerProps } from '.';\nimport DatePanel from './date';\nimport dayjs from './dayjs';\nimport MonthPanel from './month';\nimport TimePicker from './time';\nimport YearPanel from './year';\n\ninterface PanelProps {\n current: dayjs.Dayjs;\n type?: DatePickerProps['type'];\n onChange(val: dayjs.Dayjs): void;\n open: boolean | null;\n openChange(val: boolean | null): void;\n showHour?: boolean;\n showMinute?: boolean;\n showSecond?: boolean;\n showTime?: boolean;\n showToday?: boolean;\n showHeader?: boolean;\n}\n\nfunction preventDefault(e: Event) {\n e.stopPropagation();\n e.preventDefault();\n}\n\nfunction Panel(props: PanelProps) {\n let datePicker: HTMLDivElement | undefined;\n const [offset, setOffset] = createSignal(0);\n const [type, setType] = createSignal<DatePickerProps['type']>('date');\n\n const weekdays = dayjs.weekdaysMin();\n const isDate = createMemo(() => type() === 'date');\n const startYear = createMemo(\n () => parseInt(`${props.current.get('years') / 10 + offset()}`) * 10,\n );\n\n function handleMouseDown(e: MouseEvent) {\n if (props.open) {\n preventDefault(e);\n }\n }\n function setPrevYear() {\n if (type() === 'year') {\n setOffset((prev) => prev - 1);\n } else {\n props.onChange(props.current.subtract(1, 'year'));\n }\n }\n function setNextYear() {\n if (type() === 'year') {\n setOffset((prev) => prev + 1);\n } else {\n props.onChange(props.current.subtract(-1, 'year'));\n }\n }\n function setPrevMonth() {\n props.onChange(props.current.subtract(1, 'month'));\n }\n function setNextMonth() {\n props.onChange(props.current.subtract(-1, 'month'));\n }\n function handleChange(next: dayjs.Dayjs) {\n props.onChange(next);\n if (type() === props.type) {\n props.openChange(false);\n } else {\n setType(props.type);\n }\n }\n createEffect(() => {\n if (type() !== 'year') {\n setOffset((prev) => {\n if (prev) return 0;\n return prev;\n });\n }\n });\n\n createEffect(() => {\n if (props.type) {\n setType(props.type);\n }\n });\n return (\n <div class=\"date-time-picker\">\n <div ref={datePicker} class=\"date-picker\" onMouseDown={handleMouseDown}>\n <Show when={props.showHeader}>\n <section class=\"date-picker-header\">\n <span\n class=\"date-prev\"\n classList={{\n 'not-date': !isDate(),\n }}\n >\n <n-button\n class=\"prev-year\"\n type=\"primary\"\n circle={true}\n flat={true}\n onClick={setPrevYear}\n >\n 《\n </n-button>\n <Show when={isDate()}>\n <n-button\n class=\"prev-month\"\n type=\"primary\"\n circle={true}\n flat={true}\n onClick={setPrevMonth}\n >\n 〈\n </n-button>\n </Show>\n </span>\n <span class=\"date-value\">\n <n-button ghost={true} flat={true} onClick={() => setType('year')}>\n <strong>\n <Show when={type() === 'year'} fallback={`${props.current.get('years')}年`}>\n {`${startYear()}-${startYear() + 9}年`}\n </Show>\n </strong>\n </n-button>\n <Show when={isDate()}>\n <n-button ghost={true} flat={true} onClick={() => setType('month')}>\n <strong>{`${props.current.get('months') + 1}月`}</strong>\n </n-button>\n </Show>\n </span>\n <span\n class=\"date-next\"\n classList={{\n 'not-date': !isDate(),\n }}\n >\n <Show when={isDate()}>\n <n-button\n class=\"next-month\"\n type=\"primary\"\n circle={true}\n flat={true}\n onClick={setNextMonth}\n >\n 〉\n </n-button>\n </Show>\n <n-button\n class=\"next-year\"\n type=\"primary\"\n circle={true}\n flat={true}\n onClick={setNextYear}\n >\n 》\n </n-button>\n </span>\n </section>\n </Show>\n <Show when={isDate()}>\n <section class=\"date-picker-weeks\">\n <For each={weekdays}>{(e) => <span>{e}</span>}</For>\n </section>\n </Show>\n <section class=\"date-picker-items\">\n <Switch>\n <Match when={isDate()}>\n <DatePanel current={props.current} onChange={handleChange} />\n </Match>\n <Match when={type() === 'month'}>\n <MonthPanel current={props.current} onChange={handleChange} />\n </Match>\n <Match when={type() === 'year'}>\n <YearPanel current={props.current} onChange={handleChange} start={startYear()} />\n </Match>\n </Switch>\n </section>\n <Show when={isDate() && props.showToday}>\n <section class=\"date-picker-footer\">\n <n-button\n type=\"primary\"\n block={true}\n link={true}\n onClick={() => {\n props.onChange(dayjs());\n }}\n >\n 今日\n </n-button>\n </section>\n </Show>\n </div>\n <Show when={isDate() && props.showTime}>\n <TimePicker\n current={props.current}\n onChange={props.onChange}\n showHour={props.showHour}\n showMinute={props.showMinute}\n showSecond={props.showSecond}\n datePicker={datePicker}\n />\n </Show>\n </div>\n );\n}\n\nexport default Panel;\n"],"names":["createEffect","createMemo","createSignal","For","Match","Show","Switch","DatePanel","dayjs","MonthPanel","TimePicker","YearPanel","props","datePicker","offset","setOffset","type","setType","weekdays","weekdaysMin","isDate","startYear","parseInt","current","get","handleMouseDown","e","open","stopPropagation","preventDefault","setPrevYear","prev","onChange","subtract","setNextYear","setPrevMonth","setNextMonth","handleChange","next","openChange","showHeader","showToday","showTime","showHour","showMinute","showSecond"],"mappings":"o/BAAA,QAASA,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,CAAEC,gBAAAA,CAAY,CAAEC,OAAAA,CAAG,CAAEC,SAAAA,CAAK,CAAEC,QAAAA,CAAI,CAAEC,UAAAA,CAAM,KAAQ,UAAW,AAG5F,QAAOC,MAAe,QAAS,AAC/B,QAAOC,MAAW,SAAU,AAC5B,QAAOC,MAAgB,SAAU,AACjC,QAAOC,MAAgB,QAAS,AAChC,QAAOC,MAAe,QAAS,AAyM/B,gBApLA,SAAeC,CAAiB,MAC1BC,EACJ,GAAM,CAACC,EAAQC,EAAU,CAAGb,EAAa,GACnC,CAACc,EAAMC,EAAQ,CAAGf,EAAsC,QAExDgB,EAAWV,EAAMW,WAAW,GAC5BC,EAASnB,EAAW,IAAMe,AAAW,SAAXA,KAC1BK,EAAYpB,EAChB,IAAMqB,AAA4D,GAA5DA,SAAS,CAAC,EAAEV,EAAMW,OAAO,CAACC,GAAG,CAAC,SAAW,GAAKV,IAAS,CAAC,GAGhE,SAASW,EAAgBC,CAAa,EAChCd,EAAMe,IAAI,GAhBhBD,AAiBmBA,EAjBjBE,eAAe,GACjBF,AAgBmBA,EAhBjBG,cAAc,GAkBhB,CACA,SAASC,IACHd,AAAW,SAAXA,IACFD,EAAU,AAACgB,GAASA,EAAO,GAE3BnB,EAAMoB,QAAQ,CAACpB,EAAMW,OAAO,CAACU,QAAQ,CAAC,EAAG,QAE7C,CACA,SAASC,IACHlB,AAAW,SAAXA,IACFD,EAAU,AAACgB,GAASA,EAAO,GAE3BnB,EAAMoB,QAAQ,CAACpB,EAAMW,OAAO,CAACU,QAAQ,CAAC,GAAI,QAE9C,CACA,SAASE,IACPvB,EAAMoB,QAAQ,CAACpB,EAAMW,OAAO,CAACU,QAAQ,CAAC,EAAG,SAC3C,CACA,SAASG,IACPxB,EAAMoB,QAAQ,CAACpB,EAAMW,OAAO,CAACU,QAAQ,CAAC,GAAI,SAC5C,CACA,SAASI,EAAaC,CAAiB,EACrC1B,EAAMoB,QAAQ,CAACM,GACXtB,MAAWJ,EAAMI,IAAI,CACvBJ,EAAM2B,UAAU,CAAC,CAAA,GAEjBtB,EAAQL,EAAMI,IAAI,CAEtB,CAeA,OAdAhB,EAAa,KACI,SAAXgB,KACFD,EAAU,AAACgB,GACT,AAAIA,EAAa,EACVA,EAGb,GAEA/B,EAAa,KACPY,EAAMI,IAAI,EACZC,EAAQL,EAAMI,IAAI,CAEtB,oCAGcH,wCAA6CY,kCAA7CZ,UACPR,qBAAWO,EAAM4B,UAAU,yJAaXV,eAFD,CAAA,SACF,CAAA,sBAKPzB,qBAAWe,iDAMCe,eAFD,CAAA,SACF,CAAA,qCAQkC,IAAMlB,EAAQ,gBAAzC,CAAA,SAAY,CAAA,sBAExBZ,oBAAWW,AAAW,SAAXA,0BAA6B,CAAC,EAAEJ,EAAMW,OAAO,CAACC,GAAG,CAAC,SAAS,CAAC,CAAC,uBACtE,CAAC,EAAEH,IAAY,CAAC,EAAEA,IAAc,EAAE,CAAC,CAAC,WAI1ChB,qBAAWe,8DACkC,IAAMH,EAAQ,iBAAzC,CAAA,SAAY,CAAA,wBAClB,CAAC,EAAEL,EAAMW,OAAO,CAACC,GAAG,CAAC,UAAY,EAAE,CAAC,CAAC,mBAUjDnB,qBAAWe,iDAMCgB,eAFD,CAAA,SACF,CAAA,oCAWCF,eAFD,CAAA,SACF,CAAA,4BA3DM,CAACd,MAyCD,CAACA,4JA0BpBf,qBAAWe,2CAEPjB,QAAUe,WAAW,AAACQ,8BAAaA,0BAIrCpB,2BACEF,qBAAYgB,6BACVb,wBAAmBK,EAAMW,OAAO,WAAYc,SAE9CjC,oBAAYY,AAAW,UAAXA,6BACVP,wBAAoBG,EAAMW,OAAO,WAAYc,SAE/CjC,oBAAYY,AAAW,SAAXA,6BACVL,wBAAmBC,EAAMW,OAAO,WAAYc,qBAAqBhB,qBAIvEhB,qBAAWe,KAAYR,EAAM6B,SAAS,2DAMxB,KACP7B,EAAMoB,QAAQ,CAACxB,IACjB,UAJO,CAAA,SACD,CAAA,iCAUbH,qBAAWe,KAAYR,EAAM8B,QAAQ,0BACnChC,wBACUE,EAAMW,OAAO,wBACZX,EAAMoB,QAAQ,wBACdpB,EAAM+B,QAAQ,0BACZ/B,EAAMgC,UAAU,0BAChBhC,EAAMiC,UAAU,aAChBhC,kBAKtB"}
|
package/es/date-picker/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/date-picker/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const styles = css`\n .date-time-picker {\n display: flex;\n padding: 0 10px;\n gap: 10px;\n\n n-button:not(.date-picker-month)::part(button) {\n padding: 0;\n }\n\n n-button:not(.date-active)::part(button) {\n &:not(:hover) {\n --btn-color: var(--text-color);\n }\n }\n }\n\n .time-picker {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n &-header {\n text-align: center;\n border-block-end: var(--border-base);\n }\n\n &-items {\n display: flex;\n row-gap: 4px;\n padding-block: 8px;\n flex: 1;\n overflow: hidden;\n }\n\n n-menu {\n max-block-size: 100%;\n overflow-y: auto;\n }\n }\n\n .date-picker {\n display: block;\n inline-size: 220px;\n\n &-header {\n display: flex;\n border-block-end: var(--border-base);\n }\n\n &-weeks {\n display: flex;\n padding-block-start: 8px;\n\n /* opacity: 0.65; */\n color: var(--text-secondary);\n\n span {\n flex: 1;\n text-align: center;\n box-sizing: border-box;\n pointer-events: none;\n }\n }\n\n &-items {\n display: flex;\n flex-wrap: wrap;\n row-gap: 4px;\n padding-block: 8px;\n }\n\n &-month {\n inline-size: calc((100% - 8px) / 3);\n text-align: center;\n }\n\n &-footer {\n border-block-start: var(--border-base);\n }\n\n .date-prev,\n .date-next,\n .date-value {\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--text-secondary);\n }\n\n .date-prev,\n .date-next,\n .prev-day,\n .next-day,\n .date-day {\n text-align: center;\n inline-size: calc(100% / 7);\n }\n\n .date-day:nth-child(7n)::part(button),\n .date-day:nth-child(7n - 6)::part(button),\n .date-opacity::part(button) {\n color: var(--text-secondary);\n }\n\n .date-opacity {\n opacity: 0.3;\n }\n\n .not-date {\n inline-size: calc((100% - 8px) / 3);\n }\n\n .date-value {\n flex: 1;\n }\n\n .date-prev {\n opacity: 0.65;\n\n &:not(.not-date) {\n .prev-year {\n transform: translateX(6px);\n display: inline-block;\n }\n }\n\n .prev-year::part(label) {\n transform: translateX(-20%);\n }\n\n .prev-month {\n transform: translateX(-7px);\n display: inline-block;\n\n &::part(label) {\n transform: translateX(-25%);\n }\n }\n }\n\n .date-next {\n opacity: 0.65;\n\n .next-year {\n transform: translateX(-10px);\n\n &::part(label) {\n transform: translateX(30%);\n }\n }\n\n .next-month::part(label) {\n transform: translateX(25%);\n }\n\n &:not(.not-date) {\n .next-year {\n display: inline-block;\n transform: translateX(-6px);\n }\n\n .next-month {\n display: inline-block;\n transform: translateX(7px);\n }\n }\n }\n\n .date-active::part(button) {\n background-color: var(--btn-bg);\n }\n }\n`;\n"],"names":["css","styles"],"mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,OAASD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6K1B,CAAC,AAAC"}
|
package/es/date-picker/time.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{template as e}from"solid-js/web";import{insert as t}from"solid-js/web";import{getOwner as r}from"solid-js/web";import{effect as n}from"solid-js/web";import{createComponent as s}from"solid-js/web";let o=e("<n-menu>",!0,!1),i=e('<section class="time-picker"><section class="time-picker-header"><n-button><strong></strong></n-button></section><section class="time-picker-items">',!0,!1);import{createEffect as l,createSignal as u,Show as a}from"solid-js";export const hours=Array.from({length:24},(e,t)=>({label:t<10?`0${t}`:t,value:t}));export const minutes=Array.from({length:60},(e,t)=>({label:t<10?`0${t}`:t,value:t}));export default function(e){let[m,c]=u("0px");return l(()=>{var t;c(`${null==(t=e.datePicker)?void 0:t.offsetHeight}px`)}),(()=>{let l=i(),u=l.firstChild,c=u.firstChild,d=c.firstChild,h=u.nextSibling;return c.ghost=!0,c.flat=!0,c._$owner=r(),t(d,()=>e.current.format("HH:mm:ss")),t(h,s(a,{get when(){return e.showHour},get children(){let t=o();return t.addEventListener("change",t=>{let r=e.current.set("hour",t.detail[0]);e.onChange(r)}),t.items=hours,t._$owner=r(),n(()=>t.value=e.current.get("hour")),t}}),null),t(h,s(a,{get when(){return e.showMinute},get children(){let t=o();return t.addEventListener("change",t=>{let r=e.current.set("minute",t.detail[0]);e.onChange(r)}),t.items=minutes,t._$owner=r(),n(()=>t.value=e.current.get("minute")),t}}),null),t(h,s(a,{get when(){return e.showSecond},get children(){let t=o();return t.addEventListener("change",t=>{let r=e.current.set("second",t.detail[0]);e.onChange(r)}),t.items=minutes,t._$owner=r(),n(()=>t.value=e.current.get("second")),t}}),null),n(()=>null!=m()?l.style.setProperty("max-block-size",m()):l.style.removeProperty("max-block-size")),l})()}
|
|
2
|
-
//# sourceMappingURL=time.js.map
|
|
1
|
+
import{template as e}from"solid-js/web";import{insert as t}from"solid-js/web";import{getOwner as r}from"solid-js/web";import{effect as n}from"solid-js/web";import{createComponent as s}from"solid-js/web";let o=e("<n-menu>",!0,!1),i=e('<section class="time-picker"><section class="time-picker-header"><n-button><strong></strong></n-button></section><section class="time-picker-items">',!0,!1);import{createEffect as l,createSignal as u,Show as a}from"solid-js";export const hours=Array.from({length:24},(e,t)=>({label:t<10?`0${t}`:t,value:t}));export const minutes=Array.from({length:60},(e,t)=>({label:t<10?`0${t}`:t,value:t}));export default function(e){let[m,c]=u("0px");return l(()=>{var t;c(`${null==(t=e.datePicker)?void 0:t.offsetHeight}px`)}),(()=>{let l=i(),u=l.firstChild,c=u.firstChild,d=c.firstChild,h=u.nextSibling;return c.ghost=!0,c.flat=!0,c._$owner=r(),t(d,()=>e.current.format("HH:mm:ss")),t(h,s(a,{get when(){return e.showHour},get children(){let t=o();return t.addEventListener("change",t=>{let r=e.current.set("hour",t.detail[0]);e.onChange(r)}),t.items=hours,t._$owner=r(),n(()=>t.value=e.current.get("hour")),t}}),null),t(h,s(a,{get when(){return e.showMinute},get children(){let t=o();return t.addEventListener("change",t=>{let r=e.current.set("minute",t.detail[0]);e.onChange(r)}),t.items=minutes,t._$owner=r(),n(()=>t.value=e.current.get("minute")),t}}),null),t(h,s(a,{get when(){return e.showSecond},get children(){let t=o();return t.addEventListener("change",t=>{let r=e.current.set("second",t.detail[0]);e.onChange(r)}),t.items=minutes,t._$owner=r(),n(()=>t.value=e.current.get("second")),t}}),null),n(()=>null!=m()?l.style.setProperty("max-block-size",m()):l.style.removeProperty("max-block-size")),l})()}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/date-picker/time.tsx"],"sourcesContent":["import { createEffect, createSignal, Show } from 'solid-js';\n\nimport dayjs from './dayjs';\n\ninterface TimePickerProps {\n current: dayjs.Dayjs;\n datePicker: HTMLDivElement | undefined;\n onChange(next: dayjs.Dayjs): void;\n showHour?: boolean;\n showMinute?: boolean;\n showSecond?: boolean;\n}\n\nexport const hours = Array.from({ length: 24 }, (_, i) => ({\n label: i < 10 ? `0${i}` : i,\n value: i,\n}));\nexport const minutes = Array.from({ length: 60 }, (_, i) => ({\n label: i < 10 ? `0${i}` : i,\n value: i,\n}));\n\nfunction TimePicker(props: TimePickerProps) {\n const [hei, setHei] = createSignal('0px');\n\n createEffect(() => {\n setHei(`${props.datePicker?.offsetHeight}px`);\n });\n\n return (\n <section class=\"time-picker\" style={{ 'max-block-size': hei() }}>\n <section class=\"time-picker-header\">\n <n-button ghost={true} flat={true}>\n <strong>{props.current.format('HH:mm:ss')}</strong>\n </n-button>\n </section>\n <section class=\"time-picker-items\">\n <Show when={props.showHour}>\n <n-menu\n items={hours}\n value={props.current.get('hour')}\n onChange={(e) => {\n const next = props.current.set('hour', e.detail[0] as number);\n\n props.onChange(next);\n }}\n />\n </Show>\n <Show when={props.showMinute}>\n <n-menu\n items={minutes}\n value={props.current.get('minute')}\n onChange={(e) => {\n const next = props.current.set('minute', e.detail[0] as number);\n\n props.onChange(next);\n }}\n />\n </Show>\n <Show when={props.showSecond}>\n <n-menu\n items={minutes}\n value={props.current.get('second')}\n onChange={(e) => {\n const next = props.current.set('second', e.detail[0] as number);\n\n props.onChange(next);\n }}\n />\n </Show>\n </section>\n </section>\n );\n}\n\nexport default TimePicker;\n"],"names":["createEffect","createSignal","Show","hours","Array","from","length","_","i","label","value","minutes","props","hei","setHei","datePicker","offsetHeight","current","format","showHour","e","next","set","detail","onChange","get","showMinute","showSecond"],"mappings":"sYAAA,QAASA,gBAAAA,CAAY,CAAEC,gBAAAA,CAAY,CAAEC,QAAAA,CAAI,KAAQ,UAAW,AAa5D,QAAO,MAAMC,MAAQC,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAG,EAAG,CAACC,EAAGC,IAAO,CAAA,CACzDC,MAAOD,EAAI,GAAK,CAAC,CAAC,EAAEA,EAAE,CAAC,CAAGA,EAC1BE,MAAOF,CACT,CAAA,EAAI,AACJ,QAAO,MAAMG,QAAUP,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAG,EAAG,CAACC,EAAGC,IAAO,CAAA,CAC3DC,MAAOD,EAAI,GAAK,CAAC,CAAC,EAAEA,EAAE,CAAC,CAAGA,EAC1BE,MAAOF,CACT,CAAA,EAAI,AAuDJ,gBArDA,SAAoBI,CAAsB,EACxC,GAAM,CAACC,EAAKC,EAAO,CAAGb,EAAa,OAMnC,OAJAD,EAAa,SACDY,EAAVE,EAAO,CAAC,SAAEF,EAAAA,EAAMG,UAAU,SAAhBH,EAAkBI,YAAY,CAAC,EAAE,CAAC,CAC9C,+FAKuB,CAAA,SAAY,CAAA,wBAClBJ,EAAMK,OAAO,CAACC,MAAM,CAAC,mBAI/BhB,qBAAWU,EAAMO,QAAQ,8DAIZ,AAACC,IACT,IAAMC,EAAOT,EAAMK,OAAO,CAACK,GAAG,CAAC,OAAQF,EAAEG,MAAM,CAAC,EAAE,EAElDX,EAAMY,QAAQ,CAACH,EACjB,WANOlB,kCACAS,EAAMK,OAAO,CAACQ,GAAG,CAAC,0BAQ5BvB,qBAAWU,EAAMc,UAAU,8DAId,AAACN,IACT,IAAMC,EAAOT,EAAMK,OAAO,CAACK,GAAG,CAAC,SAAUF,EAAEG,MAAM,CAAC,EAAE,EAEpDX,EAAMY,QAAQ,CAACH,EACjB,WANOV,oCACAC,EAAMK,OAAO,CAACQ,GAAG,CAAC,4BAQ5BvB,qBAAWU,EAAMe,UAAU,8DAId,AAACP,IACT,IAAMC,EAAOT,EAAMK,OAAO,CAACK,GAAG,CAAC,SAAUF,EAAEG,MAAM,CAAC,EAAE,EAEpDX,EAAMY,QAAQ,CAACH,EACjB,WANOV,oCACAC,EAAMK,OAAO,CAACQ,GAAG,CAAC,kCAhCuBZ,yCAAAA,oDA2C5D"}
|
package/es/date-picker/year.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{template as t}from"solid-js/web";import{insert as e}from"solid-js/web";import{getOwner as r}from"solid-js/web";import{effect as o}from"solid-js/web";import{delegateEvents as s}from"solid-js/web";import{createComponent as i}from"solid-js/web";import{addEventListener as n}from"solid-js/web";let a=t('<n-button type="primary" class="date-picker-month">',!0,!1);import{createMemo as l,For as m}from"solid-js";export default function(t){let s=l(()=>{let e=t.start;return[e-1,...Array.from({length:10},(t,r)=>e+r),e+10]});return i(m,{get each(){return s()},children:(i,l)=>{function m(){t.onChange(t.current.set("years",i))}return(()=>{let c=a();return n(c,"click",m,!0),c.flat=!0,c._$owner=r(),e(c,i),o(e=>{let r=!(0!==l()&&l()!==s().length-1),o=!(t.current.get("years")!==i),n=t.current.get("years")===i?"strong":"button";return r!==e._v$&&c.classList.toggle("date-opacity",e._v$=r),o!==e._v$2&&c.classList.toggle("date-active",e._v$2=o),n!==e._v$3&&(c.tag=e._v$3=n),e},{_v$:void 0,_v$2:void 0,_v$3:void 0}),c})()}})}s(["click"]);
|
|
2
|
-
//# sourceMappingURL=year.js.map
|
|
1
|
+
import{template as t}from"solid-js/web";import{insert as e}from"solid-js/web";import{getOwner as r}from"solid-js/web";import{effect as o}from"solid-js/web";import{delegateEvents as s}from"solid-js/web";import{createComponent as i}from"solid-js/web";import{addEventListener as n}from"solid-js/web";let a=t('<n-button type="primary" class="date-picker-month">',!0,!1);import{createMemo as l,For as m}from"solid-js";export default function(t){let s=l(()=>{let e=t.start;return[e-1,...Array.from({length:10},(t,r)=>e+r),e+10]});return i(m,{get each(){return s()},children:(i,l)=>{function m(){t.onChange(t.current.set("years",i))}return(()=>{let c=a();return n(c,"click",m,!0),c.flat=!0,c._$owner=r(),e(c,i),o(e=>{let r=!(0!==l()&&l()!==s().length-1),o=!(t.current.get("years")!==i),n=t.current.get("years")===i?"strong":"button";return r!==e._v$&&c.classList.toggle("date-opacity",e._v$=r),o!==e._v$2&&c.classList.toggle("date-active",e._v$2=o),n!==e._v$3&&(c.tag=e._v$3=n),e},{_v$:void 0,_v$2:void 0,_v$3:void 0}),c})()}})}s(["click"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/date-picker/year.tsx"],"sourcesContent":["import { createMemo, For } from 'solid-js';\n\nimport dayjs from './dayjs';\n\ninterface YearPanelProps {\n current: dayjs.Dayjs;\n start: number;\n onChange(next: dayjs.Dayjs): void;\n}\nfunction YearPanel(props: YearPanelProps) {\n const years = createMemo(() => {\n const start = props.start;\n\n return [start - 1, ...Array.from({ length: 10 }, (__, i) => start + i), start + 10];\n });\n\n return (\n <For each={years()}>\n {(y, i) => {\n function onChange() {\n props.onChange(props.current.set('years', y));\n }\n return (\n <n-button\n type=\"primary\"\n flat={true}\n class=\"date-picker-month\"\n classList={{\n 'date-opacity': i() === 0 || i() === years().length - 1,\n 'date-active': props.current.get('years') === y,\n }}\n tag={props.current.get('years') === y ? 'strong' : 'button'}\n onClick={onChange}\n >\n {y}\n </n-button>\n );\n }}\n </For>\n );\n}\n\nexport default YearPanel;\n"],"names":["createMemo","For","props","years","start","Array","from","length","__","i","y","onChange","current","set","get"],"mappings":"6WAAA,QAASA,cAAAA,CAAU,CAAEC,OAAAA,CAAG,KAAQ,UAAW,AA0C3C,gBAjCA,SAAmBC,CAAqB,EACtC,IAAMC,EAAQH,EAAW,KACvB,IAAMI,EAAQF,EAAME,KAAK,CAEzB,MAAO,CAACA,EAAQ,KAAMC,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAG,EAAG,CAACC,EAAIC,IAAML,EAAQK,GAAIL,EAAQ,GAAG,AACrF,GAEA,SACGH,qBAAUE,cACR,CAACO,EAAGD,KACH,SAASE,IACPT,EAAMS,QAAQ,CAACT,EAAMU,OAAO,CAACC,GAAG,CAAC,QAASH,GAC5C,CACA,yCAUaC,aAPH,CAAA,oBASLD,gBANiBD,CAAAA,AAAQ,IAARA,KAAaA,MAAQN,IAAQI,MAAM,CAAG,CAAA,MACvCL,EAAMU,OAAO,CAACE,GAAG,CAAC,WAAaJ,KAE3CR,EAAMU,OAAO,CAACE,GAAG,CAAC,WAAaJ,EAAI,SAAW,wMAMzD,GAGN"}
|
package/es/dropdown/index.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
function e(){return(e=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}import{use as o}from"solid-js/web";import{template as t}from"solid-js/web";import{mergeProps as n}from"solid-js/web";import{insert as i}from"solid-js/web";import{getOwner as l}from"solid-js/web";import{effect as r}from"solid-js/web";import{createComponent as s}from"solid-js/web";import{addEventListener as a}from"solid-js/web";let p=t("<n-menu>",!0,!1),d=t('<div class="container">'),u=t("<style>");import{createEffect as v,createSignal as m,mergeProps as f,Show as g,splitProps as c,untrack as h}from"solid-js";import C from"@moneko/common/lib/isFunction";import{customElement as $}from"solid-element";import{clearAttribute as _}from"../basic-config";import b from"../empty";import w,{defaultProps as y}from"../popover";import{inline as j}from"../theme";import"../menu";function O(e){let t;let[u,f]=c(e,["popupClass","popupCss","value","defaultValue","onChange","open","onOpenChange","fieldNames","items","multiple","toggle"]),[$,_]=m([]),[y,j]=m(null),[O,N]=m([]);function E(e){C(u.onOpenChange)&&u.onOpenChange(e),void 0===u.open&&j(e)}function P(e){let[o,t]=e.detail;C(u.onChange)&&u.onChange(o,t),void 0===u.value&&_(Array.isArray(o)?o:[o]),u.multiple||E(!1)}function A(e){N(e.detail)}return v(()=>{void 0!==u.value&&null!==u.value?_(Array.isArray(u.value)?u.value:[u.value]):_([])}),v(()=>{void 0!==u.open&&h(y)!==u.open&&j(u.open)}),s(w,n({get popupClass(){return u.popupClass},get popupCss(){return u.popupCss},get open(){return y()},onOpenChange:E,get content(){return(()=>{let e=d(),n=t;return"function"==typeof n?o(n,e):t=e,i(e,s(g,{get when(){var v;return null==(v=u.items)?void 0:v.length},get fallback(){return s(b,{style:{width:"100%"}})},get children(){let e=p();return a(e,"openchange",A),a(e,"change",P),e._$owner=l(),r(o=>{let t=u.items,n=u.defaultValue,i=u.multiple,l=u.fieldNames,r=u.toggle,s=f.disabled,a=O();return t!==o._v$&&(e.items=o._v$=t),n!==o._v$2&&(e.defaultValue=o._v$2=n),i!==o._v$3&&(e.multiple=o._v$3=i),l!==o._v$4&&(e.fieldNames=o._v$4=l),r!==o._v$5&&(e.toggle=o._v$5=r),s!==o._v$6&&(e.disabled=o._v$6=s),a!==o._v$7&&(e.openKeys=o._v$7=a),o},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0,_v$5:void 0,_v$6:void 0,_v$7:void 0}),r(()=>e.value=$()),e}})),e})()}},f))}export const defaultProps=e({},y,{fieldNames:void 0,toggle:void 0,value:void 0,defaultValue:void 0,onChange:void 0,multiple:void 0,disabled:void 0,type:void 0,onOpenChange:void 0,openKeys:void 0});$("n-dropdown",e({},defaultProps,{items:[]}),(e,o)=>{let t=o.element,n=f({items:t.items,onChange(e,o){t.dispatchEvent(new CustomEvent("change",{detail:[e,o]}))},onOpenChange(e){t.dispatchEvent(new CustomEvent("openchange",{detail:e}))},children:[...t.childNodes.values()]},e);return v(()=>{_(t,["popupCss","css","items","fieldNames","content"])}),[(()=>{let e=u();return e.textContent=j,e})(),s(O,n)]});export default O;
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
function e(){return(e=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}import{use as o}from"solid-js/web";import{template as t}from"solid-js/web";import{mergeProps as n}from"solid-js/web";import{insert as i}from"solid-js/web";import{getOwner as l}from"solid-js/web";import{effect as r}from"solid-js/web";import{createComponent as s}from"solid-js/web";import{addEventListener as a}from"solid-js/web";let p=t("<n-menu>",!0,!1),d=t('<div class="container">'),u=t("<style>");import{createEffect as v,createSignal as m,mergeProps as f,Show as g,splitProps as c,untrack as h}from"solid-js";import C from"@moneko/common/lib/isFunction";import{customElement as $}from"solid-element";import{clearAttribute as _}from"../basic-config";import b from"../empty";import w,{defaultProps as y}from"../popover";import{inline as j}from"../theme";import"../menu";function O(e){let t;let[u,f]=c(e,["popupClass","popupCss","value","defaultValue","onChange","open","onOpenChange","fieldNames","items","multiple","toggle"]),[$,_]=m([]),[y,j]=m(null),[O,N]=m([]);function E(e){C(u.onOpenChange)&&u.onOpenChange(e),void 0===u.open&&j(e)}function P(e){let[o,t]=e.detail;C(u.onChange)&&u.onChange(o,t),void 0===u.value&&_(Array.isArray(o)?o:[o]),u.multiple||E(!1)}function A(e){N(e.detail)}return v(()=>{void 0!==u.value&&null!==u.value?_(Array.isArray(u.value)?u.value:[u.value]):_([])}),v(()=>{void 0!==u.open&&h(y)!==u.open&&j(u.open)}),s(w,n({get popupClass(){return u.popupClass},get popupCss(){return u.popupCss},get open(){return y()},onOpenChange:E,get content(){return(()=>{let e=d(),n=t;return"function"==typeof n?o(n,e):t=e,i(e,s(g,{get when(){var v;return null==(v=u.items)?void 0:v.length},get fallback(){return s(b,{style:{width:"100%"}})},get children(){let e=p();return a(e,"openchange",A),a(e,"change",P),e._$owner=l(),r(o=>{let t=u.items,n=u.defaultValue,i=u.multiple,l=u.fieldNames,r=u.toggle,s=f.disabled,a=O();return t!==o._v$&&(e.items=o._v$=t),n!==o._v$2&&(e.defaultValue=o._v$2=n),i!==o._v$3&&(e.multiple=o._v$3=i),l!==o._v$4&&(e.fieldNames=o._v$4=l),r!==o._v$5&&(e.toggle=o._v$5=r),s!==o._v$6&&(e.disabled=o._v$6=s),a!==o._v$7&&(e.openKeys=o._v$7=a),o},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0,_v$5:void 0,_v$6:void 0,_v$7:void 0}),r(()=>e.value=$()),e}})),e})()}},f))}export const defaultProps=e({},y,{fieldNames:void 0,toggle:void 0,value:void 0,defaultValue:void 0,onChange:void 0,multiple:void 0,disabled:void 0,type:void 0,onOpenChange:void 0,openKeys:void 0});$("n-dropdown",e({},defaultProps,{items:[]}),(e,o)=>{let t=o.element,n=f({items:t.items,onChange(e,o){t.dispatchEvent(new CustomEvent("change",{detail:[e,o]}))},onOpenChange(e){t.dispatchEvent(new CustomEvent("openchange",{detail:e}))},children:[...t.childNodes.values()]},e);return v(()=>{_(t,["popupCss","css","items","fieldNames","content"])}),[(()=>{let e=u();return e.textContent=j,e})(),s(O,n)]});export default O;
|
package/es/dropdown/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/dropdown/index.tsx"],"sourcesContent":["import { createEffect, createSignal, mergeProps, Show, splitProps, untrack } from 'solid-js';\nimport { isFunction } from '@moneko/common';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement, MenuMultipleProps, MenuOption, MenuProps, PopoverProps } from '..';\nimport { clearAttribute } from '../basic-config';\nimport Empty from '../empty';\nimport Popover, { defaultProps as popoverProps } from '../popover';\nimport { inline } from '../theme';\n\nimport '../menu';\n\nexport interface BaseDropdownProps extends Omit<PopoverProps, 'content'> {\n /** 打开内容气泡 */\n open?: boolean | null;\n}\nexport interface DropdownProps\n extends Omit<MenuProps, 'openKeys' | 'onOpenChange'>,\n BaseDropdownProps {\n /** 打开内容气泡 */\n open?: boolean | null;\n}\nexport interface DropdownMultipleProps\n extends Omit<MenuMultipleProps, 'openKeys' | 'onOpenChange'>,\n BaseDropdownProps {\n /** 打开内容气泡 */\n open?: boolean | null;\n}\nexport type DropdownElement = CustomElement<DropdownProps>;\nexport type DropdownMultipleElement = CustomElement<DropdownMultipleProps>;\n\nfunction Dropdown(props: DropdownProps | DropdownMultipleProps) {\n const [local, other] = splitProps(props, [\n 'popupClass',\n 'popupCss',\n 'value',\n 'defaultValue',\n 'onChange',\n 'open',\n 'onOpenChange',\n 'fieldNames',\n 'items',\n 'multiple',\n 'toggle',\n ]);\n let portalRef: HTMLDivElement | undefined;\n const [value, setValue] = createSignal<(string | number)[]>([]);\n const [open, setOpen] = createSignal<boolean | null>(null);\n const [menuOpenKeys, setMenuOpenKeys] = createSignal<(string | number)[]>([]);\n\n function openChange(next: boolean | null) {\n if (isFunction(local.onOpenChange)) {\n local.onOpenChange(next);\n }\n if (local.open === void 0) {\n setOpen(next);\n }\n }\n\n function change(\n e: CustomEvent<[val: (string | number)[] | (string | number), item: MenuOption]>,\n ) {\n const [key, item] = e.detail;\n\n if (isFunction(local.onChange)) {\n local.onChange(key, item);\n }\n if (local.value === void 0) {\n setValue(Array.isArray(key) ? key : [key]);\n }\n if (!local.multiple) {\n openChange(false);\n }\n }\n function menuOpenKeysChange(e: CustomEvent<(string | number)[]>) {\n setMenuOpenKeys(e.detail);\n }\n\n createEffect(() => {\n if (local.value !== void 0 && local.value !== null) {\n setValue(Array.isArray(local.value) ? local.value : [local.value]);\n } else {\n setValue([]);\n }\n });\n createEffect(() => {\n if (local.open !== void 0 && untrack(open) !== local.open) {\n setOpen(local.open);\n }\n });\n\n return (\n <Popover\n popupClass={local.popupClass}\n popupCss={local.popupCss}\n open={open()}\n onOpenChange={openChange}\n content={\n <div ref={portalRef} class=\"container\">\n <Show when={local.items?.length} fallback={<Empty style={{ width: '100%' }} />}>\n <n-menu\n items={local.items}\n default-value={local.defaultValue}\n multiple={local.multiple as true}\n field-names={local.fieldNames}\n toggle={local.toggle}\n disabled={other.disabled}\n value={value()}\n onChange={change}\n open-keys={menuOpenKeys()}\n onOpenChange={menuOpenKeysChange}\n />\n </Show>\n </div>\n }\n {...other}\n />\n );\n}\n\nexport const defaultProps = {\n ...popoverProps,\n fieldNames: void 0,\n toggle: void 0,\n value: void 0,\n defaultValue: void 0,\n onChange: void 0,\n multiple: void 0,\n disabled: void 0,\n type: void 0,\n onOpenChange: void 0,\n openKeys: void 0,\n};\n\ncustomElement<DropdownProps>(\n 'n-dropdown',\n {\n ...defaultProps,\n items: [],\n },\n (_, opt) => {\n const el = opt.element;\n const props = mergeProps(\n {\n items: el.items,\n onChange(key, item) {\n el.dispatchEvent(\n new CustomEvent('change', {\n detail: [key, item],\n }),\n );\n },\n onOpenChange(open: boolean | null) {\n el.dispatchEvent(\n new CustomEvent('openchange', {\n detail: open,\n }),\n );\n },\n children: [...el.childNodes.values()],\n } as DropdownProps,\n _,\n );\n\n createEffect(() => {\n clearAttribute(el, ['popupCss', 'css', 'items', 'fieldNames', 'content']);\n });\n return (\n <>\n <style textContent={inline} />\n <Dropdown {...props} />\n </>\n );\n },\n);\nexport default Dropdown;\n"],"names":["createEffect","createSignal","mergeProps","Show","splitProps","untrack","isFunction","customElement","clearAttribute","Empty","Popover","defaultProps","popoverProps","inline","Dropdown","props","portalRef","local","other","value","setValue","open","setOpen","menuOpenKeys","setMenuOpenKeys","openChange","next","onOpenChange","change","e","key","item","detail","onChange","Array","isArray","multiple","menuOpenKeysChange","popupClass","popupCss","items","length","width","defaultValue","fieldNames","toggle","disabled","type","openKeys","_","opt","el","element","dispatchEvent","CustomEvent","children","childNodes","values"],"mappings":"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"}
|
package/es/empty/index.js
CHANGED
|
@@ -12,5 +12,4 @@ import{template as e}from"solid-js/web";import{insert as t}from"solid-js/web";im
|
|
|
12
12
|
.empty-label {
|
|
13
13
|
font-size: var(--font-size-sm);
|
|
14
14
|
}
|
|
15
|
-
`;function u(e){return[(()=>{let e=s();return e.textContent=y,e})(),n(p,{get when(){return e.css},get children(){let t=i(),r=t.firstChild;return o(()=>r.data=c(e.css)),t}}),(()=>{let o=l();return t(o,n(p,{get when(){return e.label},get fallback(){return(()=>{let e=m();return e._$owner=r(),e})()},get children(){return e.label}})),o})()]}f("n-empty",{class:void 0,css:void 0,label:void 0},(e,t)=>{let r=t.element;return a(()=>{d(r,["css"])}),[(()=>{let e=s();return e.textContent=b,e})(),n(u,e)]});export default u;
|
|
16
|
-
//# sourceMappingURL=index.js.map
|
|
15
|
+
`;function u(e){return[(()=>{let e=s();return e.textContent=y,e})(),n(p,{get when(){return e.css},get children(){let t=i(),r=t.firstChild;return o(()=>r.data=c(e.css)),t}}),(()=>{let o=l();return t(o,n(p,{get when(){return e.label},get fallback(){return(()=>{let e=m();return e._$owner=r(),e})()},get children(){return e.label}})),o})()]}f("n-empty",{class:void 0,css:void 0,label:void 0},(e,t)=>{let r=t.element;return a(()=>{d(r,["css"])}),[(()=>{let e=s();return e.textContent=b,e})(),n(u,e)]});export default u;
|
package/es/empty/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/empty/index.tsx"],"sourcesContent":["import { createEffect, Show } from 'solid-js';\nimport { css } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\nimport { clearAttribute } from '../basic-config';\nimport { inline } from '../theme';\n\nimport '../typography';\n\nconst style = css`\n .empty-container {\n inline-size: 100%;\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 24px;\n box-sizing: border-box;\n }\n\n .empty-label {\n font-size: var(--font-size-sm);\n }\n`;\n\nexport interface EmptyProps {\n /** 自定义样式表 */\n css?: string;\n /** 自定义类名 */\n class?: string;\n /** 描述 */\n label?: JSX.Element;\n style?: Record<string, string | number>;\n}\nexport type EmptyElement = CustomElement<EmptyProps>;\n\nfunction Empty(props: EmptyProps) {\n return (\n <>\n <style textContent={style} />\n <Show when={props.css}>\n <style textContent={css(props.css)} />\n </Show>\n <div class=\"empty-container\">\n <Show\n when={props.label}\n fallback={\n <n-typography class=\"empty-label\" type=\"secondary\">\n 无数据\n </n-typography>\n }\n >\n {props.label}\n </Show>\n </div>\n </>\n );\n}\n\ncustomElement<EmptyProps>(\n 'n-empty',\n {\n class: void 0,\n css: void 0,\n label: void 0,\n },\n (props, opt) => {\n const el = opt.element;\n\n createEffect(() => {\n clearAttribute(el, ['css']);\n });\n return (\n <>\n <style textContent={inline} />\n <Empty {...props} />\n </>\n );\n },\n);\n\nexport default Empty;\n"],"names":["createEffect","Show","css","customElement","clearAttribute","inline","style","Empty","props","label","class","opt","el","element"],"mappings":"sVAAA,QAASA,gBAAAA,CAAY,CAAEC,QAAAA,CAAI,KAAQ,UAAW,AAC9C,QAASC,OAAAA,CAAG,KAAQ,aAAc,AAClC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAG9C,QAASC,kBAAAA,CAAc,KAAQ,iBAAkB,AACjD,QAASC,UAAAA,CAAM,KAAQ,UAAW,AAElC,OAAO,eAAgB,CAEvB,IAAMC,EAAQJ,CAAG,CAAC;;;;;;;;;;;;;;AAclB,CAAC,CAaD,SAASK,EAAMC,CAAiB,EAC9B,4CAEwBF,UACnBL,qBAAWO,EAAMN,GAAG,8DACCA,EAAIM,EAAMN,GAAG,qCAGhCD,qBACOO,EAAMC,KAAK,yFAOhBD,EAAMC,KAAK,WAKtB,CAEAN,EACE,UACA,CACEO,MAAO,KAAK,EACZR,IAAK,KAAK,EACVO,MAAO,KAAK,CACd,EACA,CAACD,EAAOG,KACN,IAAMC,EAAKD,EAAIE,OAAO,CAKtB,OAHAb,EAAa,KACXI,EAAeQ,EAAI,CAAC,MAAM,CAC5B,yCAGwBP,UACnBE,EAAUC,GAGjB,EAGF,gBAAeD,CAAM"}
|
package/es/from-schema/index.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
var e;function r(){return(r=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}export var DataType;(e=DataType||(DataType={})).string="string",e.number="number",e.integer="integer",e.boolean="boolean",e.object="object",e.array="array";export default function t(e,n){let a=[],{properties:i}=e;for(let e in i)if(Object.prototype.hasOwnProperty.call(i,e)){let o=i[e],{properties:p,items:s,type:l="string"}=o,y=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||(a[t]=e[t]);return a}(o,["properties","items","type"]),c=r({},y,{name:e,type:l,subTitle:l,key:`${n?`${n}.`:""}${e}`});"object"===l?c.children=t({properties:p},c.key):"array"===l&&(c.children=t({properties:{items:r({},s,{title:"items",isItems:!0})}},c.key)),a.push(c)}return a}
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
var e;function r(){return(r=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}export var DataType;(e=DataType||(DataType={})).string="string",e.number="number",e.integer="integer",e.boolean="boolean",e.object="object",e.array="array";export default function t(e,n){let a=[],{properties:i}=e;for(let e in i)if(Object.prototype.hasOwnProperty.call(i,e)){let o=i[e],{properties:p,items:s,type:l="string"}=o,y=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||(a[t]=e[t]);return a}(o,["properties","items","type"]),c=r({},y,{name:e,type:l,subTitle:l,key:`${n?`${n}.`:""}${e}`});"object"===l?c.children=t({properties:p},c.key):"array"===l&&(c.children=t({properties:{items:r({},s,{title:"items",isItems:!0})}},c.key)),a.push(c)}return a}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/from-schema/index.ts"],"sourcesContent":["import { type TreeData } from '../tree';\n\nexport enum DataType {\n string = 'string',\n number = 'number',\n integer = 'integer',\n boolean = 'boolean',\n object = 'object',\n array = 'array',\n}\ninterface BaseSchema {\n type?: keyof typeof DataType;\n name?: string;\n title?: string;\n items?: never;\n [key: string]: Any;\n}\ninterface ArraySchema extends Omit<BaseSchema, 'type' | 'items'> {\n type: 'array';\n items: Schema;\n properties?: Record<string, Schema>;\n}\n\ninterface ObjectSchema extends Omit<BaseSchema, 'type'> {\n type?: Exclude<keyof typeof DataType, 'array'>;\n properties?: Record<string, Schema>;\n}\n\nexport type Schema = ObjectSchema | ArraySchema;\n\nfunction fromSchema(schema: Schema, pid?: string): TreeData[] {\n const treeData: TreeData[] = [];\n const { properties } = schema;\n\n for (const k in properties) {\n if (Object.prototype.hasOwnProperty.call(properties, k)) {\n const name = k;\n const { properties: _properties, items, type = 'string', ...item } = properties[name];\n const node: TreeData = {\n ...item,\n name: name,\n type,\n subTitle: type,\n key: `${pid ? `${pid}.` : ''}${name}`,\n };\n\n if (type === 'object') {\n node.children = fromSchema({ properties: _properties }, node.key);\n } else if (type === 'array') {\n node.children = fromSchema(\n {\n properties: {\n items: {\n ...(items as Schema),\n title: 'items',\n isItems: true,\n },\n },\n },\n node.key,\n );\n }\n treeData.push(node);\n }\n }\n\n return treeData;\n}\n\nexport default fromSchema;\n"],"names":["DataType","fromSchema","schema","pid","treeData","properties","Object","prototype","hasOwnProperty","call","_properties","items","type","item","node","name","subTitle","key","children","title","isItems","push"],"mappings":"IAEYA,sOAAAA,EAAAA,WAAAA,yHAmEZ,gBAvCA,SAASC,EAAWC,CAAc,CAAEC,CAAY,EAC9C,IAAMC,EAAuB,EAAE,CACzB,CAAEC,WAAAA,CAAU,CAAE,CAAGH,EAEvB,IAAK,SAAWG,EACd,GAAIC,OAAOC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACJ,KAAgB,CAEvD,IAAqEA,EAAAA,CAAU,GAAM,CAA/E,CAAEA,WAAYK,CAAW,CAAEC,MAAAA,CAAK,CAAEC,KAAAA,EAAO,QAAQ,CAAW,CAAGP,EAATQ,qIAASR,GAA7DA,aAAyBM,QAAOC,SAClCE,EAAiB,KAClBD,GACHE,IAAI,GACJH,KAAAA,EACAI,SAAUJ,EACVK,IAAK,CAAC,EAAEd,EAAM,CAAC,EAAEA,EAAI,CAAC,CAAC,CAAG,GAAG,IAAO,CAAC,EAGnCS,AAAS,CAAA,WAATA,EACFE,EAAKI,QAAQ,CAAGjB,EAAW,CAAEI,WAAYK,CAAY,EAAGI,EAAKG,GAAG,EAC9C,UAATL,GACTE,CAAAA,EAAKI,QAAQ,CAAGjB,EACd,CACEI,WAAY,CACVM,MAAO,KACDA,GACJQ,MAAO,QACPC,QAAS,CAAA,GAEb,CACF,EACAN,EAAKG,GAAG,CACV,EAEFb,EAASiB,IAAI,CAACP,EAChB,CAGF,OAAOV,CACT"}
|