neko-ui 2.8.21 → 2.8.23

package/lib/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":["props","datePicker","offset","setOffset","createSignal","type","setType","weekdays","dayjs","weekdaysMin","isDate","createMemo","startYear","parseInt","current","get","handleMouseDown","e","open","stopPropagation","preventDefault","setPrevYear","prev","onChange","subtract","setNextYear","setPrevMonth","setNextMonth","handleChange","next","openChange","createEffect","Show","showHeader","For","Switch","Match","DatePanel","MonthPanel","YearPanel","showToday","showTime","TimePicker","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":["props","datePicker","offset","setOffset","createSignal","type","setType","weekdays","dayjs","weekdaysMin","isDate","createMemo","startYear","parseInt","current","get","handleMouseDown","e","open","stopPropagation","preventDefault","setPrevYear","prev","onChange","subtract","setNextYear","setPrevMonth","setNextMonth","handleChange","next","openChange","createEffect","Show","showHeader","For","Switch","Match","DatePanel","MonthPanel","YearPanel","showToday","showTime","TimePicker","showHour","showMinute","showSecond"],"mappings":"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"}

package/lib/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":["hours","minutes","Array","from","length","_","i","label","value","props","hei","setHei","createSignal","createEffect","datePicker","offsetHeight","current","format","Show","showHour","e","next","set","detail","onChange","get","showMinute","showSecond"],"mappings":"+JA0EA,OAA0B,mBAA1B,GA9DaA,KAAK,mBAALA,GAIAC,OAAO,mBAAPA,+CAhBoC,8NAYpCD,EAAQE,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,GACaL,EAAUC,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,GAuDA,EArDA,SAAoBG,CAAsB,EACxC,GAAM,CAACC,EAAKC,EAAO,CAAGC,GAAAA,cAAY,EAAC,OAMnC,MAJAC,GAAAA,cAAY,EAAC,KACXF,EAAO,CAAC,EAAEF,EAAMK,UAAU,EAAEC,aAAa,EAAE,CAAC,CAC9C,+FAKuB,CAAA,SAAY,CAAA,gDAClBN,EAAMO,OAAO,CAACC,MAAM,CAAC,kDAI/BC,MAAI,oBAAOT,EAAMU,QAAQ,8DAIZ,AAACC,IACT,IAAMC,EAAOZ,EAAMO,OAAO,CAACM,GAAG,CAAC,OAAQF,EAAEG,MAAM,CAAC,EAAE,EAElDd,EAAMe,QAAQ,CAACH,EACjB,WANOrB,sDACAS,EAAMO,OAAO,CAACS,GAAG,CAAC,yDAQ5BP,MAAI,oBAAOT,EAAMiB,UAAU,8DAId,AAACN,IACT,IAAMC,EAAOZ,EAAMO,OAAO,CAACM,GAAG,CAAC,SAAUF,EAAEG,MAAM,CAAC,EAAE,EAEpDd,EAAMe,QAAQ,CAACH,EACjB,WANOpB,sDACAQ,EAAMO,OAAO,CAACS,GAAG,CAAC,2DAQ5BP,MAAI,oBAAOT,EAAMkB,UAAU,8DAId,AAACP,IACT,IAAMC,EAAOZ,EAAMO,OAAO,CAACM,GAAG,CAAC,SAAUF,EAAEG,MAAM,CAAC,EAAE,EAEpDd,EAAMe,QAAQ,CAACH,EACjB,WANOpB,sDACAQ,EAAMO,OAAO,CAACS,GAAG,CAAC,6CAhCuBf,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":["hours","minutes","Array","from","length","_","i","label","value","props","hei","setHei","createSignal","createEffect","datePicker","offsetHeight","current","format","Show","showHour","e","next","set","detail","onChange","get","showMinute","showSecond"],"mappings":"+JA2EA,OAA0B,mBAA1B,GA9DaA,KAAK,mBAALA,GAIAC,OAAO,mBAAPA,+CAjBoC,8NAapCD,EAAQE,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,GACaL,EAAUC,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,GAuDA,EArDA,SAAoBG,CAAsB,EACxC,GAAM,CAACC,EAAKC,EAAO,CAAGC,GAAAA,cAAY,EAAC,OAMnC,MAJAC,GAAAA,cAAY,EAAC,KACXF,EAAO,CAAC,EAAEF,EAAMK,UAAU,EAAEC,aAAa,EAAE,CAAC,CAC9C,+FAKuB,CAAA,SAAY,CAAA,gDAClBN,EAAMO,OAAO,CAACC,MAAM,CAAC,kDAI/BC,MAAI,oBAAOT,EAAMU,QAAQ,8DAIZ,AAACC,IACT,IAAMC,EAAOZ,EAAMO,OAAO,CAACM,GAAG,CAAC,OAAQF,EAAEG,MAAM,CAAC,EAAE,EAElDd,EAAMe,QAAQ,CAACH,EACjB,WANOrB,sDACAS,EAAMO,OAAO,CAACS,GAAG,CAAC,yDAQ5BP,MAAI,oBAAOT,EAAMiB,UAAU,8DAId,AAACN,IACT,IAAMC,EAAOZ,EAAMO,OAAO,CAACM,GAAG,CAAC,SAAUF,EAAEG,MAAM,CAAC,EAAE,EAEpDd,EAAMe,QAAQ,CAACH,EACjB,WANOpB,sDACAQ,EAAMO,OAAO,CAACS,GAAG,CAAC,2DAQ5BP,MAAI,oBAAOT,EAAMkB,UAAU,8DAId,AAACP,IACT,IAAMC,EAAOZ,EAAMO,OAAO,CAACM,GAAG,CAAC,SAAUF,EAAEG,MAAM,CAAC,EAAE,EAEpDd,EAAMe,QAAQ,CAACH,EACjB,WANOpB,sDACAQ,EAAMO,OAAO,CAACS,GAAG,CAAC,6CAhCuBf,yCAAAA,oDA2C5D"}

package/lib/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":["props","years","createMemo","start","Array","from","length","__","i","For","y","onChange","current","set","get"],"mappings":"kGAyCA,+CAAA,+CAzCgC,0FAyChC,EAjCA,SAAmBA,CAAqB,EACtC,IAAMC,EAAQC,GAAAA,YAAU,EAAC,KACvB,IAAMC,EAAQH,EAAMG,KAAK,CAEzB,MAAO,CAACA,EAAQ,KAAMC,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAG,EAAG,CAACC,EAAIC,IAAML,EAAQK,GAAIL,EAAQ,GAAG,AACrF,GAEA,4BACGM,KAAG,oBAAOR,cACR,CAACS,EAAGF,KACH,SAASG,IACPX,EAAMW,QAAQ,CAACX,EAAMY,OAAO,CAACC,GAAG,CAAC,QAASH,GAC5C,CACA,6DAUaC,aAPH,CAAA,4CASLD,2BANiBF,CAAAA,AAAQ,IAARA,KAAaA,MAAQP,IAAQK,MAAM,CAAG,CAAA,MACvCN,EAAMY,OAAO,CAACE,GAAG,CAAC,WAAaJ,KAE3CV,EAAMY,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":["props","years","createMemo","start","Array","from","length","__","i","For","y","onChange","current","set","get"],"mappings":"kGA0CA,+CAAA,+CA1CgC,0FA0ChC,EAjCA,SAAmBA,CAAqB,EACtC,IAAMC,EAAQC,GAAAA,YAAU,EAAC,KACvB,IAAMC,EAAQH,EAAMG,KAAK,CAEzB,MAAO,CAACA,EAAQ,KAAMC,MAAMC,IAAI,CAAC,CAAEC,OAAQ,EAAG,EAAG,CAACC,EAAIC,IAAML,EAAQK,GAAIL,EAAQ,GAAG,AACrF,GAEA,4BACGM,KAAG,oBAAOR,cACR,CAACS,EAAGF,KACH,SAASG,IACPX,EAAMW,QAAQ,CAACX,EAAMY,OAAO,CAACC,GAAG,CAAC,QAASH,GAC5C,CACA,6DAUaC,aAPH,CAAA,4CASLD,2BANiBF,CAAAA,AAAQ,IAARA,KAAaA,MAAQP,IAAQK,MAAM,CAAG,CAAA,MACvCN,EAAMY,OAAO,CAACE,GAAG,CAAC,WAAaJ,KAE3CV,EAAMY,OAAO,CAACE,GAAG,CAAC,WAAaJ,EAAI,SAAW,wMAMzD,GAGN"}

package/lib/dropdown/README.mdx

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

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/dropdown/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(exports,{default:function(){return v},defaultProps:function(){return d}});const e=require("solid-js/web"),t=require("solid-js"),n=l(require("@moneko/common/lib/isFunction")),o=require("solid-element"),r=l(require("../empty"));require("../menu");const i=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=u(void 0);if(n&&n.has(e))return n.get(e);var o={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(o,i,l):o[i]=e[i]}return o.default=e,n&&n.set(e,o),o}(require("../popover"));function l(e){return e&&e.__esModule?e:{default:e}}function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}const a=(0,e.template)("<n-menu>",!0,!1),p=(0,e.template)('<div class="container">');function s(o){let l;let[u,s]=(0,t.splitProps)(o,["popupClass","popupCss","value","defaultValue","onChange","open","onOpenChange","fieldNames","items","multiple","toggle"]),[d,v]=(0,t.createSignal)([]),[c,f]=(0,t.createSignal)(null),[g,m]=(0,t.createSignal)([]);function _(e){(0,n.default)(u.onOpenChange)&&u.onOpenChange(e),void 0===u.open&&f(e)}function h(e){let[t,o]=e.detail;(0,n.default)(u.onChange)&&u.onChange(t,o),void 0===u.value&&v(Array.isArray(t)?t:[t]),u.multiple||_(!1)}function C(e){m(e.detail)}return(0,t.createEffect)(()=>{void 0!==u.value&&null!==u.value?v(Array.isArray(u.value)?u.value:[u.value]):v([])}),(0,t.createEffect)(()=>{void 0!==u.open&&(0,t.untrack)(c)!==u.open&&f(u.open)}),(0,e.createComponent)(i.default,(0,e.mergeProps)({get popupClass(){return u.popupClass},get popupCss(){return u.popupCss},get open(){return c()},onOpenChange:_,get content(){return(()=>{let n=p(),o=l;return"function"==typeof o?(0,e.use)(o,n):l=n,(0,e.insert)(n,(0,e.createComponent)(t.Show,{get when(){return u.items?.length},get fallback(){return(0,e.createComponent)(r.default,{style:{width:"100%"}})},get children(){let t=a();return(0,e.addEventListener)(t,"openchange",C),(0,e.addEventListener)(t,"change",h),t._$owner=(0,e.getOwner)(),(0,e.effect)(e=>{let n=u.items,o=u.defaultValue,r=u.multiple,i=u.fieldNames,l=u.toggle,a=s.disabled,p=g();return n!==e._v$&&(t.items=e._v$=n),o!==e._v$2&&(t.defaultValue=e._v$2=o),r!==e._v$3&&(t.multiple=e._v$3=r),i!==e._v$4&&(t.fieldNames=e._v$4=i),l!==e._v$5&&(t.toggle=e._v$5=l),a!==e._v$6&&(t.disabled=e._v$6=a),p!==e._v$7&&(t.openKeys=e._v$7=p),e},{_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}),(0,e.effect)(()=>t.value=d()),t}})),n})()}},s))}const d={...i.defaultProps,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};(0,o.customElement)("n-dropdown",{...d,items:[]},(n,o)=>{let r=o.element,i=(0,t.mergeProps)({items:r.items,onChange(e,t){r.dispatchEvent(new CustomEvent("change",{detail:[e,t]}))},onOpenChange(e){r.dispatchEvent(new CustomEvent("openchange",{detail:e}))},children:[...r.childNodes.values()]},n);return(0,t.createEffect)(()=>{r.removeAttribute("items"),r.removeAttribute("field-names"),r.removeAttribute("css")}),(0,e.createComponent)(s,i)});const v=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(exports,{default:function(){return v},defaultProps:function(){return d}});const e=require("solid-js/web"),t=require("solid-js"),n=l(require("@moneko/common/lib/isFunction")),o=require("solid-element"),r=l(require("../empty")),i=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=u(void 0);if(n&&n.has(e))return n.get(e);var o={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=r?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(o,i,l):o[i]=e[i]}return o.default=e,n&&n.set(e,o),o}(require("../popover"));function l(e){return e&&e.__esModule?e:{default:e}}function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}require("../menu");const a=(0,e.template)("<n-menu>",!0,!1),p=(0,e.template)('<div class="container">');function s(o){let l;let[u,s]=(0,t.splitProps)(o,["popupClass","popupCss","value","defaultValue","onChange","open","onOpenChange","fieldNames","items","multiple","toggle"]),[d,v]=(0,t.createSignal)([]),[c,f]=(0,t.createSignal)(null),[g,m]=(0,t.createSignal)([]);function _(e){(0,n.default)(u.onOpenChange)&&u.onOpenChange(e),void 0===u.open&&f(e)}function h(e){let[t,o]=e.detail;(0,n.default)(u.onChange)&&u.onChange(t,o),void 0===u.value&&v(Array.isArray(t)?t:[t]),u.multiple||_(!1)}function C(e){m(e.detail)}return(0,t.createEffect)(()=>{void 0!==u.value&&null!==u.value?v(Array.isArray(u.value)?u.value:[u.value]):v([])}),(0,t.createEffect)(()=>{void 0!==u.open&&(0,t.untrack)(c)!==u.open&&f(u.open)}),(0,e.createComponent)(i.default,(0,e.mergeProps)({get popupClass(){return u.popupClass},get popupCss(){return u.popupCss},get open(){return c()},onOpenChange:_,get content(){return(()=>{let n=p(),o=l;return"function"==typeof o?(0,e.use)(o,n):l=n,(0,e.insert)(n,(0,e.createComponent)(t.Show,{get when(){return u.items?.length},get fallback(){return(0,e.createComponent)(r.default,{style:{width:"100%"}})},get children(){let t=a();return(0,e.addEventListener)(t,"openchange",C),(0,e.addEventListener)(t,"change",h),t._$owner=(0,e.getOwner)(),(0,e.effect)(e=>{let n=u.items,o=u.defaultValue,r=u.multiple,i=u.fieldNames,l=u.toggle,a=s.disabled,p=g();return n!==e._v$&&(t.items=e._v$=n),o!==e._v$2&&(t.defaultValue=e._v$2=o),r!==e._v$3&&(t.multiple=e._v$3=r),i!==e._v$4&&(t.fieldNames=e._v$4=i),l!==e._v$5&&(t.toggle=e._v$5=l),a!==e._v$6&&(t.disabled=e._v$6=a),p!==e._v$7&&(t.openKeys=e._v$7=p),e},{_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}),(0,e.effect)(()=>t.value=d()),t}})),n})()}},s))}const d={...i.defaultProps,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};(0,o.customElement)("n-dropdown",{...d,items:[]},(n,o)=>{let r=o.element,i=(0,t.mergeProps)({items:r.items,onChange(e,t){r.dispatchEvent(new CustomEvent("change",{detail:[e,t]}))},onOpenChange(e){r.dispatchEvent(new CustomEvent("openchange",{detail:e}))},children:[...r.childNodes.values()]},n);return(0,t.createEffect)(()=>{r.removeAttribute("items"),r.removeAttribute("field-names"),r.removeAttribute("css")}),(0,e.createComponent)(s,i)});const v=s;
 //# sourceMappingURL=index.js.map

package/lib/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":["defaultProps","Dropdown","props","portalRef","local","other","splitProps","value","setValue","createSignal","open","setOpen","menuOpenKeys","setMenuOpenKeys","openChange","next","isFunction","onOpenChange","change","e","key","item","detail","onChange","Array","isArray","multiple","menuOpenKeysChange","createEffect","untrack","Popover","popupClass","popupCss","Show","items","length","Empty","width","defaultValue","fieldNames","toggle","disabled","popoverProps","type","openKeys","customElement","_","opt","el","element","mergeProps","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":["defaultProps","Dropdown","props","portalRef","local","other","splitProps","value","setValue","createSignal","open","setOpen","menuOpenKeys","setMenuOpenKeys","openChange","next","isFunction","onOpenChange","change","e","key","item","detail","onChange","Array","isArray","multiple","menuOpenKeysChange","createEffect","untrack","Popover","popupClass","popupCss","Show","items","length","Empty","width","defaultValue","fieldNames","toggle","disabled","popoverProps","type","openKeys","customElement","_","opt","el","element","mergeProps","dispatchEvent","CustomEvent","children","childNodes","values","removeAttribute"],"mappings":"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"}

package/lib/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":["style","css","Empty","props","Show","label","customElement","class"],"mappings":"kGAkEA,+CAAA,+CAlEqB,sBACD,yBACU,yBACvB,mNAGDA,EAAQC,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;AAclB,CAAC,CAaD,SAASC,EAAMC,CAAiB,EAC9B,4CAEwBH,8BACnBI,MAAI,oBAAOD,EAAMF,GAAG,wEACCA,GAAAA,KAAG,EAACE,EAAMF,GAAG,mEAGhCG,MAAI,oBACGD,EAAME,KAAK,sGAOhBF,EAAME,KAAK,WAKtB,CAEAC,GAAAA,eAAa,EACX,UACA,CACEC,MAAO,KAAK,EACZN,IAAK,KAAK,EACVI,MAAO,KAAK,CACd,EACAH,SAGF,EAAeA"}
+{"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":["style","css","Empty","props","Show","label","customElement","class"],"mappings":"kGAoEA,+CAAA,+CApEqB,sBACD,yBACU,yBAIvB,mNAEDA,EAAQC,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;AAclB,CAAC,CAaD,SAASC,EAAMC,CAAiB,EAC9B,4CAEwBH,8BACnBI,MAAI,oBAAOD,EAAMF,GAAG,wEACCA,GAAAA,KAAG,EAACE,EAAMF,GAAG,mEAGhCG,MAAI,oBACGD,EAAME,KAAK,sGAOhBF,EAAME,KAAK,WAKtB,CAEAC,GAAAA,eAAa,EACX,UACA,CACEC,MAAO,KAAK,EACZN,IAAK,KAAK,EACVI,MAAO,KAAK,CACd,EACAH,SAGF,EAAeA"}

package/lib/from-schema/index.js

@@ -1,2 +1,2 @@
-"use strict";var e,t;Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return r}}),(t=e||(e={})).string="string",t.number="number",t.integer="integer",t.boolean="boolean",t.object="object",t.array="array";const r=function e(t,r){let n=[],{properties:i}=t;for(let t in i)if(Object.prototype.hasOwnProperty.call(i,t)){let{properties:o,items:s,type:a="string",...l}=i[t],p={...l,name:t,type:a,subTitle:a,key:`${r?`${r}.`:""}${t}`};"object"===a?p.children=e({properties:o},p.key):"array"===a&&(p.children=e({properties:{items:{...s,title:"items",isItems:!0}}},p.key)),n.push(p)}return n};
+"use strict";var e,t;Object.defineProperty(exports,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(exports,{DataType:function(){return e},default:function(){return r}}),(t=e||(e={})).string="string",t.number="number",t.integer="integer",t.boolean="boolean",t.object="object",t.array="array";const r=function e(t,r){let n=[],{properties:i}=t;for(let t in i)if(Object.prototype.hasOwnProperty.call(i,t)){let{properties:o,items:s,type:a="string",...u}=i[t],c={...u,name:t,type:a,subTitle:a,key:`${r?`${r}.`:""}${t}`};"object"===a?c.children=e({properties:o},c.key):"array"===a&&(c.children=e({properties:{items:{...s,title:"items",isItems:!0}}},c.key)),n.push(c)}return n};
 //# sourceMappingURL=index.js.map

package/lib/from-schema/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/from-schema/index.ts"],"sourcesContent":["import { type TreeData } from '../tree';\n\nenum Type {\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 Type;\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 Type, 'array'>;\n  properties?: Record<string, Schema>;\n}\n\nexport type Schema = ObjectSchema | ArraySchema;\n\nfunction fromSchema(schema: Schema, pid?: string): TreeData<string>[] {\n  const treeData: TreeData<string>[] = [];\n  const { properties } = schema;\n\n  for (const k in properties) {\n    if (Object.prototype.hasOwnProperty.call(properties, k)) {\n      const name = k as keyof typeof properties;\n      const { properties: _properties, items, type = 'string', ...item } = properties[name];\n      const node: TreeData<string> = {\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":["Type","fromSchema","schema","pid","treeData","properties","k","Object","prototype","hasOwnProperty","call","_properties","items","type","item","node","name","subTitle","key","children","title","isItems","push"],"mappings":"mBAEKA,uFAmEL,+CAAA,MAnEKA,EAAAA,IAAAA,yHAmEL,EAvCA,SAASC,EAAWC,CAAc,CAAEC,CAAY,EAC9C,IAAMC,EAA+B,EAAE,CACjC,CAAEC,WAAAA,CAAU,CAAE,CAAGH,EAEvB,IAAK,IAAMI,KAAKD,EACd,GAAIE,OAAOC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACL,EAAYC,GAAI,CAEvD,GAAM,CAAED,WAAYM,CAAW,CAAEC,MAAAA,CAAK,CAAEC,KAAAA,EAAO,QAAQ,CAAE,GAAGC,EAAM,CAAGT,CAAU,CADlEC,EACwE,CAC/ES,EAAyB,CAC7B,GAAGD,CAAI,CACPE,KAJWV,EAKXO,KAAAA,EACAI,SAAUJ,EACVK,IAAK,CAAC,EAAEf,EAAM,CAAC,EAAEA,EAAI,CAAC,CAAC,CAAG,GAAG,EAPlBG,EAOyB,CAAC,AACvC,CAEIO,AAAS,CAAA,WAATA,EACFE,EAAKI,QAAQ,CAAGlB,EAAW,CAAEI,WAAYM,CAAY,EAAGI,EAAKG,GAAG,EAC9C,UAATL,GACTE,CAAAA,EAAKI,QAAQ,CAAGlB,EACd,CACEI,WAAY,CACVO,MAAO,CACL,GAAIA,CAAK,CACTQ,MAAO,QACPC,QAAS,CAAA,CACX,CACF,CACF,EACAN,EAAKG,GAAG,CACV,EAEFd,EAASkB,IAAI,CAACP,EAChB,CAGF,OAAOX,CACT"}
+{"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","k","Object","prototype","hasOwnProperty","call","_properties","items","type","item","node","name","subTitle","key","children","title","isItems","push"],"mappings":"mBAEYA,kLAmEZ,OAA0B,mBAA1B,MAnEYA,EAAAA,IAAAA,yHAmEZ,EAvCA,SAASC,EAAWC,CAAc,CAAEC,CAAY,EAC9C,IAAMC,EAAuB,EAAE,CACzB,CAAEC,WAAAA,CAAU,CAAE,CAAGH,EAEvB,IAAK,IAAMI,KAAKD,EACd,GAAIE,OAAOC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACL,EAAYC,GAAI,CAEvD,GAAM,CAAED,WAAYM,CAAW,CAAEC,MAAAA,CAAK,CAAEC,KAAAA,EAAO,QAAQ,CAAE,GAAGC,EAAM,CAAGT,CAAU,CADlEC,EACwE,CAC/ES,EAAiB,CACrB,GAAGD,CAAI,CACPE,KAJWV,EAKXO,KAAAA,EACAI,SAAUJ,EACVK,IAAK,CAAC,EAAEf,EAAM,CAAC,EAAEA,EAAI,CAAC,CAAC,CAAG,GAAG,EAPlBG,EAOyB,CAAC,AACvC,CAEIO,AAAS,CAAA,WAATA,EACFE,EAAKI,QAAQ,CAAGlB,EAAW,CAAEI,WAAYM,CAAY,EAAGI,EAAKG,GAAG,EAC9C,UAATL,GACTE,CAAAA,EAAKI,QAAQ,CAAGlB,EACd,CACEI,WAAY,CACVO,MAAO,CACL,GAAIA,CAAK,CACTQ,MAAO,QACPC,QAAS,CAAA,CACX,CACF,CACF,EACAN,EAAKG,GAAG,CACV,EAEFd,EAASkB,IAAI,CAACP,EAChB,CAGF,OAAOX,CACT"}

package/lib/highlight-text/README.mdx

@@ -0,0 +1,10 @@
+---
+type: 数据展示
+title: 高亮文字
+subtitle: n-highlight-text
+icon: ㊕
+---
+
+# 高亮文字
+
+> 在文章中高亮部分文字内容