neko-ui 2.8.21 → 2.8.23

package/es/date-picker/panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/date-picker/panel.tsx"],"sourcesContent":["import { For, Match, Show, Switch, createEffect, createMemo, createSignal } from 'solid-js';\nimport DatePanel from './date';\nimport dayjs from './dayjs';\nimport MonthPanel from './month';\nimport TimePicker from './time';\nimport YearPanel from './year';\nimport type { DatePickerProps } from '.';\n\ntype 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={() => props.onChange(dayjs())}\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":["For","Match","Show","Switch","createEffect","createMemo","createSignal","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":"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"}
+{"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":"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"}

package/es/date-picker/time.js

@@ -1,2 +1,2 @@
-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{Show as l,createEffect as u,createSignal 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]=a("0px");return u(()=>{var t;c(`${null==(t=e.datePicker)?void 0:t.offsetHeight}px`)}),(()=>{let u=i(),a=u.firstChild,c=a.firstChild,d=c.firstChild,h=a.nextSibling;return c.ghost=!0,c.flat=!0,c._$owner=r(),t(d,()=>e.current.format("HH:mm:ss")),t(h,s(l,{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(l,{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(l,{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()?u.style.setProperty("max-block-size",m()):u.style.removeProperty("max-block-size")),u})()}
+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})()}
 //# sourceMappingURL=time.js.map

package/es/date-picker/time.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/date-picker/time.tsx"],"sourcesContent":["import { Show, createEffect, createSignal } from 'solid-js';\nimport dayjs from './dayjs';\n\ntype 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":["Show","createEffect","createSignal","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,QAAAA,CAAI,CAAEC,gBAAAA,CAAY,CAAEC,gBAAAA,CAAY,KAAQ,UAAW,AAY5D,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,CAAGZ,EAAa,OAMnC,OAJAD,EAAa,SACDW,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/BlB,qBAAWY,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,0BAQ5BzB,qBAAWY,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,4BAQ5BzB,qBAAWY,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"}
+{"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

@@ -1,2 +1,2 @@
-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{For as l,createMemo as m}from"solid-js";export default function(t){let s=m(()=>{let e=t.start;return[e-1,...Array.from({length:10},(t,r)=>e+r),e+10]});return i(l,{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"]);
+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"]);
 //# sourceMappingURL=year.js.map

package/es/date-picker/year.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/date-picker/year.tsx"],"sourcesContent":["import { For, createMemo } from 'solid-js';\nimport dayjs from './dayjs';\n\ntype 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":["For","createMemo","props","years","start","Array","from","length","__","i","y","onChange","current","set","get"],"mappings":"6WAAA,QAASA,OAAAA,CAAG,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AAyC3C,gBAjCA,SAAmBC,CAAqB,EACtC,IAAMC,EAAQF,EAAW,KACvB,IAAMG,EAAQF,EAAME,KAAK,CAEzB,MAAO,CAACA,EAAQ,KAAMC,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAG,EAAG,CAACC,EAAIC,IAAML,EAAQK,GAAIL,EAAQ,GAAG,AACrF,GAEA,SACGJ,qBAAUG,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"}
+{"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/README.mdx

@@ -0,0 +1,10 @@
+---
+type: 数据录入
+title: 下拉菜单
+subtitle: n-dropdown
+icon: ⏏
+---
+
+# Dropdown 下拉菜单
+
+> 下拉菜单

package/es/dropdown/examples/arrow.md

@@ -0,0 +1,59 @@
+---
+title: 显示箭头
+description: 设置 `arrow` 来添加一个箭头来显示方向
+order: 5
+---
+
+```html
+<n-dropdown arrow="true" placement="left">
+  <n-button>left</n-button>
+</n-dropdown>
+<n-dropdown arrow="true" placement="bottomLeft">
+  <n-button>bottomLeft</n-button>
+</n-dropdown>
+<n-dropdown arrow="true" placement="bottom">
+  <n-button>bottom</n-button>
+</n-dropdown>
+<n-dropdown arrow="true" placement="bottomRight">
+  <n-button>bottomRight</n-button>
+</n-dropdown>
+<n-dropdown arrow="true" placement="topLeft">
+  <n-button>topLeft</n-button>
+</n-dropdown>
+<n-dropdown arrow="true" placement="top">
+  <n-button>top</n-button>
+</n-dropdown>
+<n-dropdown arrow="true" placement="topRight">
+  <n-button>topRight</n-button>
+</n-dropdown>
+<n-dropdown arrow="true" placement="right">
+  <n-button>right</n-button>
+</n-dropdown>
+```
+
+```jsx
+<n-dropdown arrow placement="left">
+  <n-button>left</n-button>
+</n-dropdown>
+<n-dropdown arrow placement="bottomLeft">
+  <n-button>bottomLeft</n-button>
+</n-dropdown>
+<n-dropdown arrow placement="bottom">
+  <n-button>bottom</n-button>
+</n-dropdown>
+<n-dropdown arrow placement="bottomRight">
+  <n-button>bottomRight</n-button>
+</n-dropdown>
+<n-dropdown arrow placement="topLeft">
+  <n-button>topLeft</n-button>
+</n-dropdown>
+<n-dropdown arrow placement="top">
+  <n-button>top</n-button>
+</n-dropdown>
+<n-dropdown arrow placement="topRight">
+  <n-button>topRight</n-button>
+</n-dropdown>
+<n-dropdown arrow placement="right">
+  <n-button>right</n-button>
+</n-dropdown>
+```

package/es/dropdown/examples/basic.md

@@ -0,0 +1,17 @@
+---
+title: 最简单的用法
+order: 1
+---
+
+```html
+<n-dropdown>hover</n-dropdown>
+<script>
+  const el = container.querySelector('n-dropdown');
+
+  el.items = ['A', 'B', { value: 'C', disabled: true }, 'D'];
+</script>
+```
+
+```jsx
+<n-dropdown items={['A', 'B', { value: 'C', disabled: true }, 'D']}>hover</n-dropdown>
+```

package/es/dropdown/examples/click.md

@@ -0,0 +1,45 @@
+---
+title: 点击时开启
+description: 将 `trigger` 属性设置为 `click`, 则可以将触发方式改为点击
+order: 3
+---
+
+```html
+<n-dropdown trigger="click">
+  <n-button>点击我</n-button>
+</n-dropdown>
+<script>
+  const el = container.querySelector('n-dropdown');
+
+  el.items = [
+    { value: '2', label: 'group one', options: ['A', 'B'] },
+    {
+      value: '1',
+      label: 'group two',
+      options: [
+        { value: '3', label: 'option-3', type: 'error' },
+        { value: '4', label: 'option-4', disabled: true },
+      ],
+    },
+  ];
+</script>
+```
+
+```jsx
+<n-dropdown
+  items={[
+    { value: '2', label: 'option-2', options: ['A', 'B'] },
+    {
+      value: '1',
+      label: 'option-1',
+      options: [
+        { value: '3', label: 'option-3', type: 'error' },
+        { value: '4', label: 'option-4', disabled: true },
+      ],
+    },
+  ]}
+  trigger="click"
+>
+  <n-button>点击我</n-button>
+</n-dropdown>
+```

package/es/dropdown/examples/context-menu.md

@@ -0,0 +1,66 @@
+---
+title: 右键触发
+description: 将 `trigger` 属性设置为 `contextMenu`, 则可以将触发方式改为右键
+order: 7
+---
+
+```html
+<n-dropdown class="dropdown" style="width: 100%;" trigger="contextMenu">
+  <div style="width: 100%;opacity: 0.4;">右键点我</div>
+</n-dropdown>
+<script>
+  const el = container.querySelector('n-dropdown');
+
+  el.css = `
+    .dropdown {
+      display: block;
+      width: 100%;
+      height: 150px;
+      background-color: var(--disable-bg);
+      border-radius: 8px;
+      line-height: 150px;
+      text-align: center;
+      font-size: x-large;
+    }
+  `;
+  el.items = [
+    { value: '1', label: 'option-1' },
+    { value: '2', label: 'option-2', disabled: true },
+    { value: '3', label: 'option-3', type: 'error' },
+  ];
+</script>
+```
+
+```jsx
+<n-dropdown
+  class="dropdown"
+  style={{ width: '100%' }}
+  items={[
+    { value: '1', label: 'option-1' },
+    { value: '2', label: 'option-2', disabled: true },
+    { value: '3', label: 'option-3', type: 'error' },
+  ]}
+  trigger="contextMenu"
+  css={`
+    .dropdown {
+      display: block;
+      width: 100%;
+      height: 150px;
+      background-color: var(--disable-bg);
+      border-radius: 8px;
+      line-height: 150px;
+      text-align: center;
+      font-size: x-large;
+    }
+  `}
+>
+  <div
+    style={{
+      width: '100%',
+      opacity: 0.4,
+    }}
+  >
+    右键点我
+  </div>
+</n-dropdown>
+```

package/es/dropdown/examples/field-names.md

@@ -0,0 +1,44 @@
+---
+title: 自定义字段名
+description: 自定义节点 'label'、'value'、'options' 的字段
+order: 12
+---
+
+```html
+<n-dropdown>
+  <n-button>自定义字段</n-button>
+</n-dropdown>
+<script>
+  const el = container.querySelector('n-dropdown');
+
+  el.fieldNames = {
+    label: 'name',
+    options: 'children',
+  };
+  el.items = [
+    {
+      value: '1',
+      name: '动物',
+      children: ['牛', '马'],
+    },
+  ];
+</script>
+```
+
+```jsx
+<n-dropdown
+  field-names={{
+    label: 'name',
+    options: 'children',
+  }}
+  items={[
+    {
+      value: '1',
+      name: '动物',
+      children: ['牛', '马'],
+    },
+  ]}
+>
+  <n-button>自定义字段</n-button>
+</n-dropdown>
+```

package/es/dropdown/examples/icon.md

@@ -0,0 +1,30 @@
+---
+title: 带图标的选项
+description: 给每一项添加独特的图标
+order: 6
+---
+
+```html
+<n-dropdown>
+  <n-button>带图标的选项</n-button>
+</n-dropdown>
+<script>
+  const el = container.querySelector('n-dropdown');
+
+  el.items = [
+    { label: '狮子', value: '狮子', icon: '🦁' },
+    { label: '大青蛙', value: '大青蛙', icon: '🐸' },
+  ];
+</script>
+```
+
+```jsx
+<n-dropdown
+  items={[
+    { label: '狮子', value: '狮子', icon: '🦁' },
+    { label: '大青蛙', value: '大青蛙', icon: '🐸' },
+  ]}
+>
+  <n-button>带图标的选项</n-button>
+</n-dropdown>
+```

package/es/dropdown/examples/multiple.md

@@ -0,0 +1,45 @@
+---
+title: 多选模式
+description: 将 `multiple` 属性设置为 true, 进行多选操作, 当设置 `value` 时值受控
+order: 9
+---
+
+```html
+<n-dropdown selectable="true" multiple="true">
+  <div>可多选</div>
+</n-dropdown>
+<script>
+  const el = container.querySelector('n-dropdown');
+
+  el.items = [
+    { value: 'a', label: '张三' },
+    { value: 'b', label: '李四' },
+    { value: 'c', label: '王五' },
+    { value: 'd', label: '赵六' },
+  ];
+  el.value = ['a', 'c'];
+  el.onchange = function (e) {
+    const [key] = e.detail;
+    e.target.value = key;
+  };
+</script>
+```
+
+```jsx
+<n-dropdown
+  multiple
+  selectable
+  value={['2', '4']}
+  items={[
+    { value: '1', label: '张三' },
+    { value: '2', label: '李四' },
+    { value: '3', label: '王五' },
+    { value: '4', label: '赵六' },
+  ]}
+  onChange={(e) => {
+    e.target.value = e.detail[0];
+  }}
+>
+  <div>可多选</div>
+</n-dropdown>
+```

package/es/dropdown/examples/no-data.md

@@ -0,0 +1,16 @@
+---
+title: 无数据
+order: 11
+---
+
+```html
+<n-dropdown>
+  <n-typography>hover</n-typography>
+</n-dropdown>
+```
+
+```jsx
+<n-dropdown>
+  <n-typography>hover</n-typography>
+</n-dropdown>
+```

package/es/dropdown/examples/placement.md

@@ -0,0 +1,59 @@
+---
+title: 展示方向
+description: 支持 6 个弹出方向, 可以通过 `placement` 来指定
+order: 4
+---
+
+```html
+<n-dropdown placement="left">
+  <n-button>left</n-button>
+</n-dropdown>
+<n-dropdown placement="bottomLeft">
+  <n-button>bottomLeft</n-button>
+</n-dropdown>
+<n-dropdown placement="bottom">
+  <n-button>bottom</n-button>
+</n-dropdown>
+<n-dropdown placement="bottomRight">
+  <n-button>bottomRight</n-button>
+</n-dropdown>
+<n-dropdown placement="topLeft">
+  <n-button>topLeft</n-button>
+</n-dropdown>
+<n-dropdown placement="top">
+  <n-button>top</n-button>
+</n-dropdown>
+<n-dropdown placement="topRight">
+  <n-button>topRight</n-button>
+</n-dropdown>
+<n-dropdown placement="right">
+  <n-button>right</n-button>
+</n-dropdown>
+```
+
+```jsx
+<n-dropdown placement="left">
+  <n-button>left</n-button>
+</n-dropdown>
+<n-dropdown placement="bottomLeft">
+  <n-button>bottomLeft</n-button>
+</n-dropdown>
+<n-dropdown placement="bottom">
+  <n-button>bottom</n-button>
+</n-dropdown>
+<n-dropdown placement="bottomRight">
+  <n-button>bottomRight</n-button>
+</n-dropdown>
+<n-dropdown placement="topLeft">
+  <n-button>topLeft</n-button>
+</n-dropdown>
+<n-dropdown placement="top">
+  <n-button>top</n-button>
+</n-dropdown>
+<n-dropdown placement="topRight">
+  <n-button>topRight</n-button>
+</n-dropdown>
+<n-dropdown placement="right">
+  <n-button>right</n-button>
+</n-dropdown>
+```

package/es/dropdown/examples/toggle.md

@@ -0,0 +1,36 @@
+---
+title: 可取消选中
+description: 将 `toggle` 属性设置为 true, 则可以在选中时取消
+order: 10
+---
+
+```html
+<n-dropdown selectable="true" toggle="true">
+  <div>可取消选中</div>
+</n-dropdown>
+<script>
+  const el = container.querySelector('n-dropdown');
+
+  el.items = [
+    { value: '1', label: '张三' },
+    { value: '2', label: '李四' },
+    { value: '3', label: '王五' },
+    { value: '4', label: '赵六' },
+  ];
+</script>
+```
+
+```jsx
+<n-dropdown
+  toggle
+  selectable
+  items={[
+    { value: '1', label: '张三' },
+    { value: '2', label: '李四' },
+    { value: '3', label: '王五' },
+    { value: '4', label: '赵六' },
+  ]}
+>
+  <div>可取消选中</div>
+</n-dropdown>
+```

package/es/dropdown/index.js

@@ -1,2 +1,2 @@
-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 r}from"solid-js/web";import{effect as l}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">');import{Show as v,createEffect as u,createSignal as m,mergeProps as f,splitProps as g,untrack as c}from"solid-js";import h from"@moneko/common/lib/isFunction";import{customElement as $}from"solid-element";import _ from"../empty";import"../menu";import C,{defaultProps as b}from"../popover";function w(e){let t;let[f,$]=g(e,["popupClass","popupCss","value","defaultValue","onChange","open","onOpenChange","fieldNames","items","multiple","toggle"]),[b,w]=m([]),[y,j]=m(null),[O,A]=m([]);function E(e){h(f.onOpenChange)&&f.onOpenChange(e),void 0===f.open&&j(e)}function N(e){let[o,t]=e.detail;h(f.onChange)&&f.onChange(o,t),void 0===f.value&&w(Array.isArray(o)?o:[o]),f.multiple||E(!1)}function P(e){A(e.detail)}return u(()=>{void 0!==f.value&&null!==f.value?w(Array.isArray(f.value)?f.value:[f.value]):w([])}),u(()=>{void 0!==f.open&&c(y)!==f.open&&j(f.open)}),s(C,n({get popupClass(){return f.popupClass},get popupCss(){return f.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(v,{get when(){var u;return null==(u=f.items)?void 0:u.length},get fallback(){return s(_,{style:{width:"100%"}})},get children(){let e=p();return a(e,"openchange",P),a(e,"change",N),e._$owner=r(),l(o=>{let t=f.items,n=f.defaultValue,i=f.multiple,r=f.fieldNames,l=f.toggle,s=$.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),r!==o._v$4&&(e.fieldNames=o._v$4=r),l!==o._v$5&&(e.toggle=o._v$5=l),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}),l(()=>e.value=b()),e}})),e})()}},$))}export const defaultProps=e({},b,{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 u(()=>{t.removeAttribute("items"),t.removeAttribute("field-names"),t.removeAttribute("css")}),s(w,n)});export default w;
+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 r}from"solid-js/web";import{effect as l}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">');import{createEffect as v,createSignal as u,mergeProps as m,Show as f,splitProps as g,untrack as c}from"solid-js";import h from"@moneko/common/lib/isFunction";import{customElement as $}from"solid-element";import _ from"../empty";import C,{defaultProps as b}from"../popover";import"../menu";function w(e){let t;let[m,$]=g(e,["popupClass","popupCss","value","defaultValue","onChange","open","onOpenChange","fieldNames","items","multiple","toggle"]),[b,w]=u([]),[y,j]=u(null),[O,A]=u([]);function E(e){h(m.onOpenChange)&&m.onOpenChange(e),void 0===m.open&&j(e)}function N(e){let[o,t]=e.detail;h(m.onChange)&&m.onChange(o,t),void 0===m.value&&w(Array.isArray(o)?o:[o]),m.multiple||E(!1)}function P(e){A(e.detail)}return v(()=>{void 0!==m.value&&null!==m.value?w(Array.isArray(m.value)?m.value:[m.value]):w([])}),v(()=>{void 0!==m.open&&c(y)!==m.open&&j(m.open)}),s(C,n({get popupClass(){return m.popupClass},get popupCss(){return m.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(f,{get when(){var v;return null==(v=m.items)?void 0:v.length},get fallback(){return s(_,{style:{width:"100%"}})},get children(){let e=p();return a(e,"openchange",P),a(e,"change",N),e._$owner=r(),l(o=>{let t=m.items,n=m.defaultValue,i=m.multiple,r=m.fieldNames,l=m.toggle,s=$.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),r!==o._v$4&&(e.fieldNames=o._v$4=r),l!==o._v$5&&(e.toggle=o._v$5=l),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}),l(()=>e.value=b()),e}})),e})()}},$))}export const defaultProps=e({},b,{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=m({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.removeAttribute("items"),t.removeAttribute("field-names"),t.removeAttribute("css")}),s(w,n)});export default w;
 //# sourceMappingURL=index.js.map

package/es/dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/dropdown/index.tsx"],"sourcesContent":["import { Show, createEffect, createSignal, mergeProps, splitProps, untrack } from 'solid-js';\nimport { isFunction } from '@moneko/common';\nimport { customElement } from 'solid-element';\nimport Empty from '../empty';\nimport '../menu';\nimport Popover, { defaultProps as popoverProps } from '../popover';\nimport type { CustomElement, MenuMultipleProps, MenuOption, MenuProps, PopoverProps } from '..';\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      el.removeAttribute('items');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return <Dropdown {...props} />;\n  },\n);\nexport default Dropdown;\n"],"names":["Show","createEffect","createSignal","mergeProps","splitProps","untrack","isFunction","customElement","Empty","Popover","defaultProps","popoverProps","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","removeAttribute"],"mappings":"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"}
+{"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 Empty from '../empty';\nimport Popover, { defaultProps as popoverProps } from '../popover';\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      el.removeAttribute('items');\n      el.removeAttribute('field-names');\n      el.removeAttribute('css');\n    });\n    return <Dropdown {...props} />;\n  },\n);\nexport default Dropdown;\n"],"names":["createEffect","createSignal","mergeProps","Show","splitProps","untrack","isFunction","customElement","Empty","Popover","defaultProps","popoverProps","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","removeAttribute"],"mappings":"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"}

package/es/empty/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/empty/index.tsx"],"sourcesContent":["import { Show } from 'solid-js';\nimport { css } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport '../typography';\nimport type { CustomElement } from '..';\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  Empty,\n);\n\nexport default Empty;\n"],"names":["Show","css","customElement","style","Empty","props","label","class"],"mappings":"sVAAA,QAASA,QAAAA,CAAI,KAAQ,UAAW,AAChC,QAASC,OAAAA,CAAG,KAAQ,aAAc,AAClC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,OAAO,eAAgB,CAGvB,IAAMC,EAAQF,CAAG,CAAC;;;;;;;;;;;;;;AAclB,CAAC,CAaD,SAASG,EAAMC,CAAiB,EAC9B,4CAEwBF,UACnBH,qBAAWK,EAAMJ,GAAG,8DACCA,EAAII,EAAMJ,GAAG,qCAGhCD,qBACOK,EAAMC,KAAK,yFAOhBD,EAAMC,KAAK,WAKtB,CAEAJ,EACE,UACA,CACEK,MAAO,KAAK,EACZN,IAAK,KAAK,EACVK,MAAO,KAAK,CACd,EACAF,EAGF,gBAAeA,CAAM"}
+{"version":3,"sources":["../../components/empty/index.tsx"],"sourcesContent":["import { Show } from 'solid-js';\nimport { css } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\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  Empty,\n);\n\nexport default Empty;\n"],"names":["Show","css","customElement","style","Empty","props","label","class"],"mappings":"sVAAA,QAASA,QAAAA,CAAI,KAAQ,UAAW,AAChC,QAASC,OAAAA,CAAG,KAAQ,aAAc,AAClC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAI9C,OAAO,eAAgB,CAEvB,IAAMC,EAAQF,CAAG,CAAC;;;;;;;;;;;;;;AAclB,CAAC,CAaD,SAASG,EAAMC,CAAiB,EAC9B,4CAEwBF,UACnBH,qBAAWK,EAAMJ,GAAG,8DACCA,EAAII,EAAMJ,GAAG,qCAGhCD,qBACOK,EAAMC,KAAK,yFAOhBD,EAAMC,KAAK,WAKtB,CAEAJ,EACE,UACA,CACEK,MAAO,KAAK,EACZN,IAAK,KAAK,EACVK,MAAO,KAAK,CACd,EACAF,EAGF,gBAAeA,CAAM"}

package/es/from-schema/index.js

@@ -1,2 +1,2 @@
-var e,r;function t(){return(t=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)}(r=e||(e={})).string="string",r.number="number",r.integer="integer",r.boolean="boolean",r.object="object",r.array="array";export default function n(e,r){let i=[],{properties:o}=e;for(let e in o)if(Object.prototype.hasOwnProperty.call(o,e)){let a=o[e],{properties:s,items:l,type:p="string"}=a,c=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||(i[t]=e[t]);return i}(a,["properties","items","type"]),u=t({},c,{name:e,type:p,subTitle:p,key:`${r?`${r}.`:""}${e}`});"object"===p?u.children=n({properties:s},u.key):"array"===p&&(u.children=n({properties:{items:t({},l,{title:"items",isItems:!0})}},u.key)),i.push(u)}return i}
+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}
 //# sourceMappingURL=index.js.map