neko-ui 2.11.2 → 2.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,31 @@
1
+ import { JSX } from 'solid-js';
2
+ import type { CustomElement } from '..';
3
+ import { type JSXElement } from '../basic-config';
4
+ export interface GlassPanelProps {
5
+ /**
6
+ * 子元素
7
+ */
8
+ children?: JSXElement;
9
+ /**
10
+ * 样式
11
+ */
12
+ css?: string;
13
+ /**
14
+ * 类名
15
+ */
16
+ class?: string;
17
+ /**
18
+ * 模糊值 (px)
19
+ * @default 16
20
+ */
21
+ filterBlur?: number;
22
+ filter?: Omit<JSX.FilterSVGAttributes<SVGFilterElement>, 'id'>;
23
+ feTurbulence?: JSX.FeTurbulanceSVGAttributes<SVGFETurbulenceElement>;
24
+ feDisplacementMap?: JSX.FeDisplacementMapSVGAttributes<SVGFEDisplacementMapElement>;
25
+ }
26
+ declare const GlassPanel: {
27
+ (_: GlassPanelProps): JSX.Element;
28
+ registry(): void;
29
+ };
30
+ export type GlassPanelElement = CustomElement<GlassPanelProps>;
31
+ export default GlassPanel;
@@ -0,0 +1 @@
1
+ import{template as e}from"solid-js/web";import{spread as t}from"solid-js/web";import{setAttribute as r}from"solid-js/web";import{mergeProps as s}from"solid-js/web";import{getOwner as l}from"solid-js/web";import{effect as i}from"solid-js/web";import{createComponent as o}from"solid-js/web";let f=e("<style> "),n=e("<slot>"),p=e('<svg><filter filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%"><feTurbulence type="fractalNoise" baseFrequency="0.45" numOctaves="1"></feTurbulence><feDisplacementMap in="SourceGraphic" scale="50">'),a=e("<style>");import{createEffect as m,createUniqueId as u,mergeProps as c,splitProps as d}from"solid-js";import{css as b}from"@moneko/css";import{customElement as y}from"solid-element";import{clearAttribute as h}from"../basic-config";import{inline as w}from"../theme";let g=e=>{let[o]=d(c({filterBlur:16},e),["class","css","filter","feTurbulence","feDisplacementMap","filterBlur"]),a=u();return[(()=>{let e=f(),t=e.firstChild;return i(()=>t.data=b(o.css)),e})(),(()=>{let e=n();return e.style.setProperty("display","block"),e.style.setProperty("width","100%"),e.style.setProperty("height","100%"),e.style.setProperty("border-radius","inherit"),e.style.setProperty("overflow","inherit"),e._$owner=l(),i(()=>(o.filterBlur,e.style.setProperty("backdrop-filter",`blur(${o.filterBlur}px) url(#${a})`))),e})(),(()=>{let e=p(),l=e.firstChild,i=l.firstChild,f=i.nextSibling;return e.style.setProperty("display","none"),r(l,"id",a),t(l,s(()=>o.filter),!0,!0),t(i,s(()=>o.feTurbulence),!0,!1),t(f,s(()=>o.feDisplacementMap),!0,!1),e})()]};g.registry=()=>{y("n-glass-panel",{class:void 0,css:void 0,filterBlur:void 0,filter:void 0,feTurbulence:void 0,feDisplacementMap:void 0},(e,t)=>{let r=t.element;return m(()=>{h(r,["css","filterBlur","filter","feTurbulence","feDisplacementMap"])}),[(()=>{let e=a();return e.textContent=w,e})(),o(g,e)]})};export default g;
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["components/glass-panel/index.tsx"],"sourcesContent":["import { createEffect, createUniqueId, JSX, mergeProps, splitProps } from 'solid-js';\nimport { css } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\nimport { clearAttribute, type JSXElement } from '../basic-config';\nimport { inline } from '../theme';\n\nexport interface GlassPanelProps {\n /**\n * 子元素\n */\n children?: JSXElement;\n /**\n * 样式\n */\n css?: string;\n /**\n * 类名\n */\n class?: string;\n /**\n * 模糊值 (px)\n * @default 16\n */\n filterBlur?: number;\n filter?: Omit<JSX.FilterSVGAttributes<SVGFilterElement>, 'id'>;\n feTurbulence?: JSX.FeTurbulanceSVGAttributes<SVGFETurbulenceElement>;\n feDisplacementMap?: JSX.FeDisplacementMapSVGAttributes<SVGFEDisplacementMapElement>;\n}\n\nconst GlassPanel = (_: GlassPanelProps) => {\n const props = mergeProps({ filterBlur: 16 }, _);\n const [local] = splitProps(props, [\n 'class',\n 'css',\n 'filter',\n 'feTurbulence',\n 'feDisplacementMap',\n 'filterBlur',\n ]);\n const id = createUniqueId();\n\n return (\n <>\n <style textContent={css(local.css)} />\n <slot\n style={{\n display: 'block',\n width: '100%',\n height: '100%',\n 'backdrop-filter': `blur(${local.filterBlur}px) url(#${id})`,\n 'border-radius': 'inherit',\n overflow: 'inherit',\n }}\n />\n <svg style={{ display: 'none' }}>\n <filter\n id={id}\n filterUnits=\"objectBoundingBox\"\n x=\"-5%\"\n y=\"-5%\"\n width=\"110%\"\n height=\"110%\"\n {...local.filter}\n >\n <feTurbulence\n type=\"fractalNoise\"\n baseFrequency=\"0.45\"\n numOctaves=\"1\"\n {...local.feTurbulence}\n />\n <feDisplacementMap in=\"SourceGraphic\" scale=\"50\" {...local.feDisplacementMap} />\n </filter>\n </svg>\n </>\n );\n};\n\nexport type GlassPanelElement = CustomElement<GlassPanelProps>;\n\nGlassPanel.registry = () => {\n customElement<GlassPanelProps>(\n 'n-glass-panel',\n {\n class: void 0,\n css: void 0,\n filterBlur: void 0,\n filter: void 0,\n feTurbulence: void 0,\n feDisplacementMap: void 0,\n },\n (props, opt) => {\n const el = opt.element;\n\n createEffect(() => {\n clearAttribute(el, ['css', 'filterBlur', 'filter', 'feTurbulence', 'feDisplacementMap']);\n });\n return (\n <>\n <style textContent={inline} />\n <GlassPanel {...props} />\n </>\n );\n },\n );\n};\n\nexport default GlassPanel;\n"],"names":["createEffect","createUniqueId","mergeProps","splitProps","css","customElement","clearAttribute","inline","GlassPanel","_","local","filterBlur","id","filter","feTurbulence","feDisplacementMap","registry","class","props","opt","el","element"],"mappings":"ujBAAA,QAASA,gBAAAA,CAAY,CAAEC,kBAAAA,CAAc,CAAOC,cAAAA,CAAU,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AACrF,QAASC,OAAAA,CAAG,KAAQ,aAAc,AAClC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAG9C,QAASC,kBAAAA,CAAc,KAAyB,iBAAkB,AAClE,QAASC,UAAAA,CAAM,KAAQ,UAAW,CAyBlC,IAAMC,EAAa,AAACC,IAElB,GAAM,CAACC,EAAM,CAAGP,EADFD,EAAW,CAAES,WAAY,EAAG,EAAGF,GACX,CAChC,QACA,MACA,SACA,eACA,oBACA,aACD,EACKG,EAAKX,IAEX,0DAEwBG,EAAIM,EAAMN,GAAG,8PAMFM,EAAMC,UAAU,uCAAxB,CAAC,KAAK,EAAED,EAAMC,UAAU,CAAC,SAAS,EAAEC,EAAG,CAAC,CAAC,8HAOxDA,aAMAF,EAAMG,MAAM,mBAMVH,EAAMI,YAAY,mBAE6BJ,EAAMK,iBAAiB,eAKtF,CAIAP,CAAAA,EAAWQ,QAAQ,CAAG,KACpBX,EACE,gBACA,CACEY,MAAO,KAAK,EACZb,IAAK,KAAK,EACVO,WAAY,KAAK,EACjBE,OAAQ,KAAK,EACbC,aAAc,KAAK,EACnBC,kBAAmB,KAAK,CAC1B,EACA,CAACG,EAAOC,KACN,IAAMC,EAAKD,EAAIE,OAAO,CAKtB,OAHArB,EAAa,KACXM,EAAec,EAAI,CAAC,MAAO,aAAc,SAAU,eAAgB,oBAAoB,CACzF,yCAGwBb,UACnBC,EAAeU,GAGtB,EAEJ,CAEA,gBAAeV,CAAW"}
package/es/index.d.ts CHANGED
@@ -17,6 +17,7 @@ export { default as Dropdown, type DropdownElement, type DropdownMultipleElement
17
17
  export { default as Empty, type EmptyElement, type EmptyProps } from './empty';
18
18
  export { default as fromSchema } from './from-schema';
19
19
  export { default as getOptions } from './get-options';
20
+ export { default as GlassPanel, type GlassPanelElement, type GlassPanelProps } from './glass-panel';
20
21
  export { default as HighlightText, type HighlightTextElement, type HighlightTextProps, } from './highlight-text';
21
22
  export { default as icon, type IconAttribute } from './icon';
22
23
  export { default as Img, type ImgElement, type ImgProps } from './img';
@@ -48,7 +49,7 @@ export type { CustomElement } from 'custom-element-type';
48
49
  export { customElement, getCurrentElement, hot, noShadowDOM, withSolid } from 'solid-element';
49
50
  import type { ICustomElement, Transform } from 'custom-element-type';
50
51
  export { registry } from './utils';
51
- import type { AvatarElement, AvatarGroupElement, BackTopElement, ButtonElement, CaptureScreenElement, CarouselElement, CheckboxBoolElement, CheckboxGroupElement, CodeElement, CollapseElement, ColorPaletteElement, ColorPickerElement, CronElement, DatePickerElement, DropdownElement, DropdownMultipleElement, EmptyElement, HighlightTextElement, ImgElement, InputElement, InputNumberElement, MdElement, MenuElement, MenuMultipleElement, ModalElement, PaginationElement, PopoverElement, ProviderElement, QrCodeElement, RadioElement, SegmentedElement, SelectElement, SelectMultipleElement, SkeletonElement, SpinElement, SwitchElement, TableElement, TabsElement, TagElement, TreeElement, TreeMultipleElement, TreeMultipleSchemaElement, TreeMultipleStringElement, TreeSchemaElement, TreeStringElement, TypographyElement } from '.';
52
+ import type { AvatarElement, AvatarGroupElement, BackTopElement, ButtonElement, CaptureScreenElement, CarouselElement, CheckboxBoolElement, CheckboxGroupElement, CodeElement, CollapseElement, ColorPaletteElement, ColorPickerElement, CronElement, DatePickerElement, DropdownElement, DropdownMultipleElement, EmptyElement, GlassPanelElement, HighlightTextElement, ImgElement, InputElement, InputNumberElement, MdElement, MenuElement, MenuMultipleElement, ModalElement, PaginationElement, PopoverElement, ProviderElement, QrCodeElement, RadioElement, SegmentedElement, SelectElement, SelectMultipleElement, SkeletonElement, SpinElement, SwitchElement, TableElement, TabsElement, TagElement, TreeElement, TreeMultipleElement, TreeMultipleSchemaElement, TreeMultipleStringElement, TreeSchemaElement, TreeStringElement, TypographyElement } from '.';
52
53
  /** 组件列表
53
54
  * @author monako97
54
55
  * @ignore optional
@@ -144,6 +145,11 @@ interface CustomElementTags {
144
145
  * @since 2.10.0
145
146
  */
146
147
  'n-collapse': CollapseElement;
148
+ /**
149
+ * 玻璃面板
150
+ * @since 2.12.0
151
+ */
152
+ 'n-glass-panel': GlassPanelElement;
147
153
  }
148
154
  type IntrinsicNekoElement = Transform<CustomElementTags>;
149
155
  declare module 'solid-js' {
package/es/index.js CHANGED
@@ -1 +1 @@
1
- export{default as Avatar}from"./avatar";export{default as AvatarGroup}from"./avatar/group";export{default as BackTop}from"./back-top";export{FieldName,Size,Status}from"./basic-config";export{default as Button}from"./button";export{default as CaptureScreen}from"./capture-screen";export{default as Carousel}from"./carousel";export{default as Checkbox}from"./checkbox";export{default as Code}from"./code";export{default as Collapse}from"./collapse";export{default as ColorPalette}from"./color-palette";export{default as ColorPicker}from"./color-picker";export{default as Cron}from"./cron";export{default as DatePicker}from"./date-picker";export{default as dayjs}from"./date-picker/dayjs";export{default as Dropdown}from"./dropdown";export{default as Empty}from"./empty";export{default as fromSchema}from"./from-schema";export{default as getOptions}from"./get-options";export{default as HighlightText}from"./highlight-text";export{default as icon}from"./icon";export{default as Img}from"./img";export{default as Input}from"./input";export{default as InputNumber}from"./input-number";export{default as Md}from"./md";export{default as mdStyle}from"./md-style";export{default as Menu}from"./menu";export{default as Modal,OpenState}from"./modal";export{default as notification}from"./notification";export{default as Pagination}from"./pagination";export{default as Popover}from"./popover";export{default as Prism}from"./prism";export{default as Provider}from"./provider";export{default as QrCode}from"./qrcode";export{default as Radio}from"./radio";export{default as Segmented}from"./segmented";export{default as Select}from"./select";export{default as Skeleton}from"./skeleton";export{default as Spin}from"./spin";export{default as Switch}from"./switch";export{default as Table}from"./table";export{default as Tabs}from"./tabs";export{default as Tag}from"./tag";export{generateColor,default as theme,toneColor}from"./theme";export{default as Tree}from"./tree";export{default as Typography}from"./typography";export{customElement,getCurrentElement,hot,noShadowDOM,withSolid}from"solid-element";export{registry}from"./utils";
1
+ export{default as Avatar}from"./avatar";export{default as AvatarGroup}from"./avatar/group";export{default as BackTop}from"./back-top";export{FieldName,Size,Status}from"./basic-config";export{default as Button}from"./button";export{default as CaptureScreen}from"./capture-screen";export{default as Carousel}from"./carousel";export{default as Checkbox}from"./checkbox";export{default as Code}from"./code";export{default as Collapse}from"./collapse";export{default as ColorPalette}from"./color-palette";export{default as ColorPicker}from"./color-picker";export{default as Cron}from"./cron";export{default as DatePicker}from"./date-picker";export{default as dayjs}from"./date-picker/dayjs";export{default as Dropdown}from"./dropdown";export{default as Empty}from"./empty";export{default as fromSchema}from"./from-schema";export{default as getOptions}from"./get-options";export{default as GlassPanel}from"./glass-panel";export{default as HighlightText}from"./highlight-text";export{default as icon}from"./icon";export{default as Img}from"./img";export{default as Input}from"./input";export{default as InputNumber}from"./input-number";export{default as Md}from"./md";export{default as mdStyle}from"./md-style";export{default as Menu}from"./menu";export{default as Modal,OpenState}from"./modal";export{default as notification}from"./notification";export{default as Pagination}from"./pagination";export{default as Popover}from"./popover";export{default as Prism}from"./prism";export{default as Provider}from"./provider";export{default as QrCode}from"./qrcode";export{default as Radio}from"./radio";export{default as Segmented}from"./segmented";export{default as Select}from"./select";export{default as Skeleton}from"./skeleton";export{default as Spin}from"./spin";export{default as Switch}from"./switch";export{default as Table}from"./table";export{default as Tabs}from"./tabs";export{default as Tag}from"./tag";export{generateColor,default as theme,toneColor}from"./theme";export{default as Tree}from"./tree";export{default as Typography}from"./typography";export{customElement,getCurrentElement,hot,noShadowDOM,withSolid}from"solid-element";export{registry}from"./utils";
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/index.ts"],"sourcesContent":["'use client';\n\nexport { default as Avatar, type AvatarElement, type AvatarProps } from './avatar';\nexport {\n default as AvatarGroup,\n type AvatarGroupElement,\n type AvatarGroupProps,\n} from './avatar/group';\nexport { default as BackTop, type BackTopElement, type BackTopProps } from './back-top';\nexport { type BaseOption, type BasicConfig, FieldName, Size, Status } from './basic-config';\nexport { default as Button, type ButtonElement, type ButtonProps } from './button';\nexport {\n default as CaptureScreen,\n type CaptureScreenElement,\n type CaptureScreenProps,\n} from './capture-screen';\nexport { default as Carousel, type CarouselElement, type CarouselProps } from './carousel';\nexport {\n default as Checkbox,\n type CheckboxBoolElement,\n type CheckboxBoolProps,\n type CheckboxGroupElement,\n type CheckboxGroupProps,\n} from './checkbox';\nexport { default as Code, type CodeElement, type CodeProps, type Language } from './code';\nexport { default as Collapse, type CollapseElement, type CollapseProps } from './collapse';\nexport {\n default as ColorPalette,\n type ColorPaletteElement,\n type ColorPaletteProps,\n} from './color-palette';\nexport {\n default as ColorPicker,\n type ColorPickerElement,\n type ColorPickerProps,\n} from './color-picker';\nexport { default as Cron, type CronElement, type CronProps } from './cron';\nexport { default as DatePicker, type DatePickerElement, type DatePickerProps } from './date-picker';\nexport { default as dayjs } from './date-picker/dayjs';\nexport {\n default as Dropdown,\n type DropdownElement,\n type DropdownMultipleElement,\n type DropdownMultipleProps,\n type DropdownProps,\n} from './dropdown';\nexport { default as Empty, type EmptyElement, type EmptyProps } from './empty';\nexport { default as fromSchema } from './from-schema';\nexport { default as getOptions } from './get-options';\nexport {\n default as HighlightText,\n type HighlightTextElement,\n type HighlightTextProps,\n} from './highlight-text';\nexport { default as icon, type IconAttribute } from './icon';\nexport { default as Img, type ImgElement, type ImgProps } from './img';\nexport { default as Input, type InputElement, type InputProps } from './input';\nexport {\n default as InputNumber,\n type InputNumberElement,\n type InputNumberProps,\n} from './input-number';\nexport { default as Md, type MdElement, type MdProps } from './md';\nexport { default as mdStyle } from './md-style';\nexport {\n default as Menu,\n type MenuElement,\n type MenuMultipleElement,\n type MenuMultipleProps,\n type MenuOption,\n type MenuProps,\n} from './menu';\nexport {\n default as Modal,\n type ModalElement,\n type ModalProps,\n OpenState,\n type OpenStateKey,\n} from './modal';\nexport {\n default as notification,\n type NotificationProps,\n type NotificationType,\n} from './notification';\nexport { default as Pagination, type PaginationElement, type PaginationProps } from './pagination';\nexport { default as Popover, type PopoverElement, type PopoverProps } from './popover';\nexport { default as Prism } from './prism';\nexport { default as Provider, type ProviderElement, type ProviderProps } from './provider';\nexport { type IntRange, default as QrCode, type QrCodeElement, type QrCodeProps } from './qrcode';\nexport { default as Radio, type RadioElement, type RadioOption, type RadioProps } from './radio';\nexport { default as Segmented, type SegmentedElement, type SegmentedProps } from './segmented';\nexport {\n default as Select,\n type SelectElement,\n type SelectMultipleElement,\n type SelectMultipleProps,\n type SelectProps,\n} from './select';\nexport { default as Skeleton, type SkeletonElement, type SkeletonProps } from './skeleton';\nexport { default as Spin, type SpinElement, type SpinProps } from './spin';\nexport { default as Switch, type SwitchElement, type SwitchProps } from './switch';\nexport { default as Table, type TableElement, type TableProps } from './table';\nexport { type TabOption, default as Tabs, type TabsElement, type TabsProps } from './tabs';\nexport { default as Tag, type TagElement, type TagProps } from './tag';\nexport {\n type ColorScheme,\n generateColor,\n default as theme,\n type ThemeOption,\n toneColor,\n} from './theme';\nexport {\n default as Tree,\n type TreeData,\n type TreeElement,\n type TreeMultipleElement,\n type TreeMultipleProps,\n type TreeMultipleSchemaElement,\n type TreeMultipleSchemaProps,\n type TreeMultipleStringElement,\n type TreeMultipleStringProps,\n type TreeProps,\n type TreeSchemaElement,\n type TreeSchemaProps,\n type TreeStringElement,\n type TreeStringProps,\n} from './tree';\nexport { default as Typography, type TypographyElement, type TypographyProps } from './typography';\nexport type { CustomElement } from 'custom-element-type';\nexport { customElement, getCurrentElement, hot, noShadowDOM, withSolid } from 'solid-element';\nimport type { ICustomElement, Transform } from 'custom-element-type';\nexport { registry } from './utils';\n\nimport type {\n AvatarElement,\n AvatarGroupElement,\n BackTopElement,\n ButtonElement,\n CaptureScreenElement,\n CarouselElement,\n CheckboxBoolElement,\n CheckboxGroupElement,\n CodeElement,\n CollapseElement,\n ColorPaletteElement,\n ColorPickerElement,\n CronElement,\n DatePickerElement,\n DropdownElement,\n DropdownMultipleElement,\n EmptyElement,\n HighlightTextElement,\n ImgElement,\n InputElement,\n InputNumberElement,\n MdElement,\n MenuElement,\n MenuMultipleElement,\n ModalElement,\n PaginationElement,\n PopoverElement,\n ProviderElement,\n QrCodeElement,\n RadioElement,\n SegmentedElement,\n SelectElement,\n SelectMultipleElement,\n SkeletonElement,\n SpinElement,\n SwitchElement,\n TableElement,\n TabsElement,\n TagElement,\n TreeElement,\n TreeMultipleElement,\n TreeMultipleSchemaElement,\n TreeMultipleStringElement,\n TreeSchemaElement,\n TreeStringElement,\n TypographyElement,\n} from '.';\n\n/** 组件列表\n * @author monako97\n * @ignore optional\n */\ninterface CustomElementTags {\n /** 头像 */\n 'n-avatar': AvatarElement;\n /** 头像组 */\n 'n-avatar-group': AvatarGroupElement;\n /** 返回顶部 */\n 'n-back-top': BackTopElement;\n /** 按钮 */\n 'n-button': ButtonElement;\n /** 捕获屏幕 */\n 'n-capture-screen': CaptureScreenElement;\n /** 走马灯、轮播 */\n 'n-carousel': CarouselElement;\n /** 复选框 */\n 'n-checkbox': CheckboxBoolElement | CheckboxGroupElement;\n /** 代码框 */\n 'n-code': CodeElement;\n /** 取色器 */\n 'n-color-palette': ColorPaletteElement;\n /** 取色器(弹出类型) */\n 'n-color-picker': ColorPickerElement;\n /** 下拉面板 */\n 'n-dropdown': DropdownElement | DropdownMultipleElement;\n /** 空面板 */\n 'n-empty': EmptyElement;\n /** 匹配高亮文字 */\n 'n-highlight-text': HighlightTextElement;\n /** 图片查看器 */\n 'n-img': ImgElement;\n /** 输入框 */\n 'n-input': InputElement;\n /** 数字输入框 */\n 'n-input-number': InputNumberElement;\n /** Markdown渲染 */\n 'n-md': MdElement;\n /** 弹出气泡面板 */\n 'n-popover': PopoverElement;\n /** 单选项 */\n 'n-radio': RadioElement;\n /** 分段控制器 */\n 'n-segmented': SegmentedElement;\n /** 下拉选择框 */\n 'n-select': SelectElement | SelectMultipleElement;\n /** 骨架屏 */\n 'n-skeleton': SkeletonElement;\n /** 加载中 */\n 'n-spin': SpinElement;\n /** 开关 */\n 'n-switch': SwitchElement;\n /** 树形渲染 */\n 'n-tree':\n | TreeElement\n | TreeStringElement\n | TreeSchemaElement\n | TreeMultipleElement\n | TreeMultipleStringElement\n | TreeMultipleSchemaElement;\n /** 文字排版 */\n 'n-typography': TypographyElement;\n /** 标签页 */\n 'n-tabs': TabsElement;\n /** 标签 */\n 'n-tag': TagElement;\n /** 导航菜单 */\n 'n-menu': MenuElement | MenuMultipleElement;\n /** Cron表达式编辑器 */\n 'n-cron': CronElement;\n /** 日期选择器\n * @since 2.1.0\n */\n 'n-data-picker': DatePickerElement;\n /** 数据表格\n * @since 2.2.0\n */\n 'n-table': TableElement;\n /** 分页器\n * @since 2.2.0\n */\n 'n-pagination': PaginationElement;\n /** 响应内部变化\n * @since 2.3.0\n */\n 'n-provider': ProviderElement;\n /** 模态框\n * @since 2.6.0\n */\n 'n-modal': ModalElement;\n /**\n * 二维码\n * @since 2.9.0\n */\n 'n-qrcode': QrCodeElement;\n /**\n * 折叠面板\n * @since 2.10.0\n */\n 'n-collapse': CollapseElement;\n}\ntype IntrinsicNekoElement = Transform<CustomElementTags>;\n\ndeclare module 'solid-js' {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace JSX {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface IntrinsicElements extends IntrinsicNekoElement {}\n }\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\ndeclare module 'react' {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace JSX {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface IntrinsicElements extends IntrinsicNekoElement {}\n }\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\n\nexport interface ComponentOptions<T> {\n element: T & ICustomElement;\n}\n"],"names":["default","Avatar","AvatarGroup","BackTop","FieldName","Size","Status","Button","CaptureScreen","Carousel","Checkbox","Code","Collapse","ColorPalette","ColorPicker","Cron","DatePicker","dayjs","Dropdown","Empty","fromSchema","getOptions","HighlightText","icon","Img","Input","InputNumber","Md","mdStyle","Menu","Modal","OpenState","notification","Pagination","Popover","Prism","Provider","QrCode","Radio","Segmented","Select","Skeleton","Spin","Switch","Table","Tabs","Tag","generateColor","theme","toneColor","Tree","Typography","customElement","getCurrentElement","hot","noShadowDOM","withSolid","registry"],"mappings":"AAEA,OAASA,WAAWC,MAAM,KAA8C,UAAW,AACnF,QACED,WAAWE,WAAW,KAGjB,gBAAiB,AACxB,QAASF,WAAWG,OAAO,KAAgD,YAAa,AACxF,QAA4CC,SAAS,CAAEC,IAAI,CAAEC,MAAM,KAAQ,gBAAiB,AAC5F,QAASN,WAAWO,MAAM,KAA8C,UAAW,AACnF,QACEP,WAAWQ,aAAa,KAGnB,kBAAmB,AAC1B,QAASR,WAAWS,QAAQ,KAAkD,YAAa,AAC3F,QACET,WAAWU,QAAQ,KAKd,YAAa,AACpB,QAASV,WAAWW,IAAI,KAAyD,QAAS,AAC1F,QAASX,WAAWY,QAAQ,KAAkD,YAAa,AAC3F,QACEZ,WAAWa,YAAY,KAGlB,iBAAkB,AACzB,QACEb,WAAWc,WAAW,KAGjB,gBAAiB,AACxB,QAASd,WAAWe,IAAI,KAA0C,QAAS,AAC3E,QAASf,WAAWgB,UAAU,KAAsD,eAAgB,AACpG,QAAShB,WAAWiB,KAAK,KAAQ,qBAAsB,AACvD,QACEjB,WAAWkB,QAAQ,KAKd,YAAa,AACpB,QAASlB,WAAWmB,KAAK,KAA4C,SAAU,AAC/E,QAASnB,WAAWoB,UAAU,KAAQ,eAAgB,AACtD,QAASpB,WAAWqB,UAAU,KAAQ,eAAgB,AACtD,QACErB,WAAWsB,aAAa,KAGnB,kBAAmB,AAC1B,QAAStB,WAAWuB,IAAI,KAA4B,QAAS,AAC7D,QAASvB,WAAWwB,GAAG,KAAwC,OAAQ,AACvE,QAASxB,WAAWyB,KAAK,KAA4C,SAAU,AAC/E,QACEzB,WAAW0B,WAAW,KAGjB,gBAAiB,AACxB,QAAS1B,WAAW2B,EAAE,KAAsC,MAAO,AACnE,QAAS3B,WAAW4B,OAAO,KAAQ,YAAa,AAChD,QACE5B,WAAW6B,IAAI,KAMV,QAAS,AAChB,QACE7B,WAAW8B,KAAK,CAGhBC,SAAS,KAEJ,SAAU,AACjB,QACE/B,WAAWgC,YAAY,KAGlB,gBAAiB,AACxB,QAAShC,WAAWiC,UAAU,KAAsD,cAAe,AACnG,QAASjC,WAAWkC,OAAO,KAAgD,WAAY,AACvF,QAASlC,WAAWmC,KAAK,KAAQ,SAAU,AAC3C,QAASnC,WAAWoC,QAAQ,KAAkD,YAAa,AAC3F,QAAwBpC,WAAWqC,MAAM,KAA8C,UAAW,AAClG,QAASrC,WAAWsC,KAAK,KAA8D,SAAU,AACjG,QAAStC,WAAWuC,SAAS,KAAoD,aAAc,AAC/F,QACEvC,WAAWwC,MAAM,KAKZ,UAAW,AAClB,QAASxC,WAAWyC,QAAQ,KAAkD,YAAa,AAC3F,QAASzC,WAAW0C,IAAI,KAA0C,QAAS,AAC3E,QAAS1C,WAAW2C,MAAM,KAA8C,UAAW,AACnF,QAAS3C,WAAW4C,KAAK,KAA4C,SAAU,AAC/E,QAAyB5C,WAAW6C,IAAI,KAA0C,QAAS,AAC3F,QAAS7C,WAAW8C,GAAG,KAAwC,OAAQ,AACvE,QAEEC,aAAa,CACb/C,WAAWgD,KAAK,CAEhBC,SAAS,KACJ,SAAU,AACjB,QACEjD,WAAWkD,IAAI,KAcV,QAAS,AAChB,QAASlD,WAAWmD,UAAU,KAAsD,cAAe,AAEnG,QAASC,aAAa,CAAEC,iBAAiB,CAAEC,GAAG,CAAEC,WAAW,CAAEC,SAAS,KAAQ,eAAgB,AAE9F,QAASC,QAAQ,KAAQ,SAAU"}
1
+ {"version":3,"sources":["components/index.ts"],"sourcesContent":["'use client';\n\nexport { default as Avatar, type AvatarElement, type AvatarProps } from './avatar';\nexport {\n default as AvatarGroup,\n type AvatarGroupElement,\n type AvatarGroupProps,\n} from './avatar/group';\nexport { default as BackTop, type BackTopElement, type BackTopProps } from './back-top';\nexport { type BaseOption, type BasicConfig, FieldName, Size, Status } from './basic-config';\nexport { default as Button, type ButtonElement, type ButtonProps } from './button';\nexport {\n default as CaptureScreen,\n type CaptureScreenElement,\n type CaptureScreenProps,\n} from './capture-screen';\nexport { default as Carousel, type CarouselElement, type CarouselProps } from './carousel';\nexport {\n default as Checkbox,\n type CheckboxBoolElement,\n type CheckboxBoolProps,\n type CheckboxGroupElement,\n type CheckboxGroupProps,\n} from './checkbox';\nexport { default as Code, type CodeElement, type CodeProps, type Language } from './code';\nexport { default as Collapse, type CollapseElement, type CollapseProps } from './collapse';\nexport {\n default as ColorPalette,\n type ColorPaletteElement,\n type ColorPaletteProps,\n} from './color-palette';\nexport {\n default as ColorPicker,\n type ColorPickerElement,\n type ColorPickerProps,\n} from './color-picker';\nexport { default as Cron, type CronElement, type CronProps } from './cron';\nexport { default as DatePicker, type DatePickerElement, type DatePickerProps } from './date-picker';\nexport { default as dayjs } from './date-picker/dayjs';\nexport {\n default as Dropdown,\n type DropdownElement,\n type DropdownMultipleElement,\n type DropdownMultipleProps,\n type DropdownProps,\n} from './dropdown';\nexport { default as Empty, type EmptyElement, type EmptyProps } from './empty';\nexport { default as fromSchema } from './from-schema';\nexport { default as getOptions } from './get-options';\nexport { default as GlassPanel, type GlassPanelElement, type GlassPanelProps } from './glass-panel';\nexport {\n default as HighlightText,\n type HighlightTextElement,\n type HighlightTextProps,\n} from './highlight-text';\nexport { default as icon, type IconAttribute } from './icon';\nexport { default as Img, type ImgElement, type ImgProps } from './img';\nexport { default as Input, type InputElement, type InputProps } from './input';\nexport {\n default as InputNumber,\n type InputNumberElement,\n type InputNumberProps,\n} from './input-number';\nexport { default as Md, type MdElement, type MdProps } from './md';\nexport { default as mdStyle } from './md-style';\nexport {\n default as Menu,\n type MenuElement,\n type MenuMultipleElement,\n type MenuMultipleProps,\n type MenuOption,\n type MenuProps,\n} from './menu';\nexport {\n default as Modal,\n type ModalElement,\n type ModalProps,\n OpenState,\n type OpenStateKey,\n} from './modal';\nexport {\n default as notification,\n type NotificationProps,\n type NotificationType,\n} from './notification';\nexport { default as Pagination, type PaginationElement, type PaginationProps } from './pagination';\nexport { default as Popover, type PopoverElement, type PopoverProps } from './popover';\nexport { default as Prism } from './prism';\nexport { default as Provider, type ProviderElement, type ProviderProps } from './provider';\nexport { type IntRange, default as QrCode, type QrCodeElement, type QrCodeProps } from './qrcode';\nexport { default as Radio, type RadioElement, type RadioOption, type RadioProps } from './radio';\nexport { default as Segmented, type SegmentedElement, type SegmentedProps } from './segmented';\nexport {\n default as Select,\n type SelectElement,\n type SelectMultipleElement,\n type SelectMultipleProps,\n type SelectProps,\n} from './select';\nexport { default as Skeleton, type SkeletonElement, type SkeletonProps } from './skeleton';\nexport { default as Spin, type SpinElement, type SpinProps } from './spin';\nexport { default as Switch, type SwitchElement, type SwitchProps } from './switch';\nexport { default as Table, type TableElement, type TableProps } from './table';\nexport { type TabOption, default as Tabs, type TabsElement, type TabsProps } from './tabs';\nexport { default as Tag, type TagElement, type TagProps } from './tag';\nexport {\n type ColorScheme,\n generateColor,\n default as theme,\n type ThemeOption,\n toneColor,\n} from './theme';\nexport {\n default as Tree,\n type TreeData,\n type TreeElement,\n type TreeMultipleElement,\n type TreeMultipleProps,\n type TreeMultipleSchemaElement,\n type TreeMultipleSchemaProps,\n type TreeMultipleStringElement,\n type TreeMultipleStringProps,\n type TreeProps,\n type TreeSchemaElement,\n type TreeSchemaProps,\n type TreeStringElement,\n type TreeStringProps,\n} from './tree';\nexport { default as Typography, type TypographyElement, type TypographyProps } from './typography';\nexport type { CustomElement } from 'custom-element-type';\nexport { customElement, getCurrentElement, hot, noShadowDOM, withSolid } from 'solid-element';\nimport type { ICustomElement, Transform } from 'custom-element-type';\nexport { registry } from './utils';\n\nimport type {\n AvatarElement,\n AvatarGroupElement,\n BackTopElement,\n ButtonElement,\n CaptureScreenElement,\n CarouselElement,\n CheckboxBoolElement,\n CheckboxGroupElement,\n CodeElement,\n CollapseElement,\n ColorPaletteElement,\n ColorPickerElement,\n CronElement,\n DatePickerElement,\n DropdownElement,\n DropdownMultipleElement,\n EmptyElement,\n GlassPanelElement,\n HighlightTextElement,\n ImgElement,\n InputElement,\n InputNumberElement,\n MdElement,\n MenuElement,\n MenuMultipleElement,\n ModalElement,\n PaginationElement,\n PopoverElement,\n ProviderElement,\n QrCodeElement,\n RadioElement,\n SegmentedElement,\n SelectElement,\n SelectMultipleElement,\n SkeletonElement,\n SpinElement,\n SwitchElement,\n TableElement,\n TabsElement,\n TagElement,\n TreeElement,\n TreeMultipleElement,\n TreeMultipleSchemaElement,\n TreeMultipleStringElement,\n TreeSchemaElement,\n TreeStringElement,\n TypographyElement,\n} from '.';\n\n/** 组件列表\n * @author monako97\n * @ignore optional\n */\ninterface CustomElementTags {\n /** 头像 */\n 'n-avatar': AvatarElement;\n /** 头像组 */\n 'n-avatar-group': AvatarGroupElement;\n /** 返回顶部 */\n 'n-back-top': BackTopElement;\n /** 按钮 */\n 'n-button': ButtonElement;\n /** 捕获屏幕 */\n 'n-capture-screen': CaptureScreenElement;\n /** 走马灯、轮播 */\n 'n-carousel': CarouselElement;\n /** 复选框 */\n 'n-checkbox': CheckboxBoolElement | CheckboxGroupElement;\n /** 代码框 */\n 'n-code': CodeElement;\n /** 取色器 */\n 'n-color-palette': ColorPaletteElement;\n /** 取色器(弹出类型) */\n 'n-color-picker': ColorPickerElement;\n /** 下拉面板 */\n 'n-dropdown': DropdownElement | DropdownMultipleElement;\n /** 空面板 */\n 'n-empty': EmptyElement;\n /** 匹配高亮文字 */\n 'n-highlight-text': HighlightTextElement;\n /** 图片查看器 */\n 'n-img': ImgElement;\n /** 输入框 */\n 'n-input': InputElement;\n /** 数字输入框 */\n 'n-input-number': InputNumberElement;\n /** Markdown渲染 */\n 'n-md': MdElement;\n /** 弹出气泡面板 */\n 'n-popover': PopoverElement;\n /** 单选项 */\n 'n-radio': RadioElement;\n /** 分段控制器 */\n 'n-segmented': SegmentedElement;\n /** 下拉选择框 */\n 'n-select': SelectElement | SelectMultipleElement;\n /** 骨架屏 */\n 'n-skeleton': SkeletonElement;\n /** 加载中 */\n 'n-spin': SpinElement;\n /** 开关 */\n 'n-switch': SwitchElement;\n /** 树形渲染 */\n 'n-tree':\n | TreeElement\n | TreeStringElement\n | TreeSchemaElement\n | TreeMultipleElement\n | TreeMultipleStringElement\n | TreeMultipleSchemaElement;\n /** 文字排版 */\n 'n-typography': TypographyElement;\n /** 标签页 */\n 'n-tabs': TabsElement;\n /** 标签 */\n 'n-tag': TagElement;\n /** 导航菜单 */\n 'n-menu': MenuElement | MenuMultipleElement;\n /** Cron表达式编辑器 */\n 'n-cron': CronElement;\n /** 日期选择器\n * @since 2.1.0\n */\n 'n-data-picker': DatePickerElement;\n /** 数据表格\n * @since 2.2.0\n */\n 'n-table': TableElement;\n /** 分页器\n * @since 2.2.0\n */\n 'n-pagination': PaginationElement;\n /** 响应内部变化\n * @since 2.3.0\n */\n 'n-provider': ProviderElement;\n /** 模态框\n * @since 2.6.0\n */\n 'n-modal': ModalElement;\n /**\n * 二维码\n * @since 2.9.0\n */\n 'n-qrcode': QrCodeElement;\n /**\n * 折叠面板\n * @since 2.10.0\n */\n 'n-collapse': CollapseElement;\n /**\n * 玻璃面板\n * @since 2.12.0\n */\n 'n-glass-panel': GlassPanelElement;\n}\ntype IntrinsicNekoElement = Transform<CustomElementTags>;\n\ndeclare module 'solid-js' {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace JSX {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface IntrinsicElements extends IntrinsicNekoElement {}\n }\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\ndeclare module 'react' {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace JSX {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface IntrinsicElements extends IntrinsicNekoElement {}\n }\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\n\nexport interface ComponentOptions<T> {\n element: T & ICustomElement;\n}\n"],"names":["default","Avatar","AvatarGroup","BackTop","FieldName","Size","Status","Button","CaptureScreen","Carousel","Checkbox","Code","Collapse","ColorPalette","ColorPicker","Cron","DatePicker","dayjs","Dropdown","Empty","fromSchema","getOptions","GlassPanel","HighlightText","icon","Img","Input","InputNumber","Md","mdStyle","Menu","Modal","OpenState","notification","Pagination","Popover","Prism","Provider","QrCode","Radio","Segmented","Select","Skeleton","Spin","Switch","Table","Tabs","Tag","generateColor","theme","toneColor","Tree","Typography","customElement","getCurrentElement","hot","noShadowDOM","withSolid","registry"],"mappings":"AAEA,OAASA,WAAWC,MAAM,KAA8C,UAAW,AACnF,QACED,WAAWE,WAAW,KAGjB,gBAAiB,AACxB,QAASF,WAAWG,OAAO,KAAgD,YAAa,AACxF,QAA4CC,SAAS,CAAEC,IAAI,CAAEC,MAAM,KAAQ,gBAAiB,AAC5F,QAASN,WAAWO,MAAM,KAA8C,UAAW,AACnF,QACEP,WAAWQ,aAAa,KAGnB,kBAAmB,AAC1B,QAASR,WAAWS,QAAQ,KAAkD,YAAa,AAC3F,QACET,WAAWU,QAAQ,KAKd,YAAa,AACpB,QAASV,WAAWW,IAAI,KAAyD,QAAS,AAC1F,QAASX,WAAWY,QAAQ,KAAkD,YAAa,AAC3F,QACEZ,WAAWa,YAAY,KAGlB,iBAAkB,AACzB,QACEb,WAAWc,WAAW,KAGjB,gBAAiB,AACxB,QAASd,WAAWe,IAAI,KAA0C,QAAS,AAC3E,QAASf,WAAWgB,UAAU,KAAsD,eAAgB,AACpG,QAAShB,WAAWiB,KAAK,KAAQ,qBAAsB,AACvD,QACEjB,WAAWkB,QAAQ,KAKd,YAAa,AACpB,QAASlB,WAAWmB,KAAK,KAA4C,SAAU,AAC/E,QAASnB,WAAWoB,UAAU,KAAQ,eAAgB,AACtD,QAASpB,WAAWqB,UAAU,KAAQ,eAAgB,AACtD,QAASrB,WAAWsB,UAAU,KAAsD,eAAgB,AACpG,QACEtB,WAAWuB,aAAa,KAGnB,kBAAmB,AAC1B,QAASvB,WAAWwB,IAAI,KAA4B,QAAS,AAC7D,QAASxB,WAAWyB,GAAG,KAAwC,OAAQ,AACvE,QAASzB,WAAW0B,KAAK,KAA4C,SAAU,AAC/E,QACE1B,WAAW2B,WAAW,KAGjB,gBAAiB,AACxB,QAAS3B,WAAW4B,EAAE,KAAsC,MAAO,AACnE,QAAS5B,WAAW6B,OAAO,KAAQ,YAAa,AAChD,QACE7B,WAAW8B,IAAI,KAMV,QAAS,AAChB,QACE9B,WAAW+B,KAAK,CAGhBC,SAAS,KAEJ,SAAU,AACjB,QACEhC,WAAWiC,YAAY,KAGlB,gBAAiB,AACxB,QAASjC,WAAWkC,UAAU,KAAsD,cAAe,AACnG,QAASlC,WAAWmC,OAAO,KAAgD,WAAY,AACvF,QAASnC,WAAWoC,KAAK,KAAQ,SAAU,AAC3C,QAASpC,WAAWqC,QAAQ,KAAkD,YAAa,AAC3F,QAAwBrC,WAAWsC,MAAM,KAA8C,UAAW,AAClG,QAAStC,WAAWuC,KAAK,KAA8D,SAAU,AACjG,QAASvC,WAAWwC,SAAS,KAAoD,aAAc,AAC/F,QACExC,WAAWyC,MAAM,KAKZ,UAAW,AAClB,QAASzC,WAAW0C,QAAQ,KAAkD,YAAa,AAC3F,QAAS1C,WAAW2C,IAAI,KAA0C,QAAS,AAC3E,QAAS3C,WAAW4C,MAAM,KAA8C,UAAW,AACnF,QAAS5C,WAAW6C,KAAK,KAA4C,SAAU,AAC/E,QAAyB7C,WAAW8C,IAAI,KAA0C,QAAS,AAC3F,QAAS9C,WAAW+C,GAAG,KAAwC,OAAQ,AACvE,QAEEC,aAAa,CACbhD,WAAWiD,KAAK,CAEhBC,SAAS,KACJ,SAAU,AACjB,QACElD,WAAWmD,IAAI,KAcV,QAAS,AAChB,QAASnD,WAAWoD,UAAU,KAAsD,cAAe,AAEnG,QAASC,aAAa,CAAEC,iBAAiB,CAAEC,GAAG,CAAEC,WAAW,CAAEC,SAAS,KAAQ,eAAgB,AAE9F,QAASC,QAAQ,KAAQ,SAAU"}
@@ -0,0 +1,31 @@
1
+ import { JSX } from 'solid-js';
2
+ import type { CustomElement } from '..';
3
+ import { type JSXElement } from '../basic-config';
4
+ export interface GlassPanelProps {
5
+ /**
6
+ * 子元素
7
+ */
8
+ children?: JSXElement;
9
+ /**
10
+ * 样式
11
+ */
12
+ css?: string;
13
+ /**
14
+ * 类名
15
+ */
16
+ class?: string;
17
+ /**
18
+ * 模糊值 (px)
19
+ * @default 16
20
+ */
21
+ filterBlur?: number;
22
+ filter?: Omit<JSX.FilterSVGAttributes<SVGFilterElement>, 'id'>;
23
+ feTurbulence?: JSX.FeTurbulanceSVGAttributes<SVGFETurbulenceElement>;
24
+ feDisplacementMap?: JSX.FeDisplacementMapSVGAttributes<SVGFEDisplacementMapElement>;
25
+ }
26
+ declare const GlassPanel: {
27
+ (_: GlassPanelProps): JSX.Element;
28
+ registry(): void;
29
+ };
30
+ export type GlassPanelElement = CustomElement<GlassPanelProps>;
31
+ export default GlassPanel;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return a}});const e=require("solid-js/web"),t=require("solid-js"),r=require("@moneko/css"),l=require("solid-element"),s=require("../basic-config"),i=require("../theme"),n=(0,e.template)("<style> "),o=(0,e.template)("<slot>"),u=(0,e.template)('<svg><filter filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%"><feTurbulence type="fractalNoise" baseFrequency="0.45" numOctaves="1"></feTurbulence><feDisplacementMap in="SourceGraphic" scale="50">'),c=(0,e.template)("<style>"),p=l=>{let s=(0,t.mergeProps)({filterBlur:16},l),[i]=(0,t.splitProps)(s,["class","css","filter","feTurbulence","feDisplacementMap","filterBlur"]),c=(0,t.createUniqueId)();return[(()=>{let t=n(),l=t.firstChild;return(0,e.effect)(()=>l.data=(0,r.css)(i.css)),t})(),(()=>{let t=o();return t.style.setProperty("display","block"),t.style.setProperty("width","100%"),t.style.setProperty("height","100%"),t.style.setProperty("border-radius","inherit"),t.style.setProperty("overflow","inherit"),t._$owner=(0,e.getOwner)(),(0,e.effect)(()=>(i.filterBlur,t.style.setProperty("backdrop-filter",`blur(${i.filterBlur}px) url(#${c})`))),t})(),(()=>{let t=u(),r=t.firstChild,l=r.firstChild,s=l.nextSibling;return t.style.setProperty("display","none"),(0,e.setAttribute)(r,"id",c),(0,e.spread)(r,(0,e.mergeProps)(()=>i.filter),!0,!0),(0,e.spread)(l,(0,e.mergeProps)(()=>i.feTurbulence),!0,!1),(0,e.spread)(s,(0,e.mergeProps)(()=>i.feDisplacementMap),!0,!1),t})()]};p.registry=()=>{(0,l.customElement)("n-glass-panel",{class:void 0,css:void 0,filterBlur:void 0,filter:void 0,feTurbulence:void 0,feDisplacementMap:void 0},(r,l)=>{let n=l.element;return(0,t.createEffect)(()=>{(0,s.clearAttribute)(n,["css","filterBlur","filter","feTurbulence","feDisplacementMap"])}),[(()=>{let e=c();return e.textContent=i.inline,e})(),(0,e.createComponent)(p,r)]})};const a=p;
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["components/glass-panel/index.tsx"],"sourcesContent":["import { createEffect, createUniqueId, JSX, mergeProps, splitProps } from 'solid-js';\nimport { css } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\nimport { clearAttribute, type JSXElement } from '../basic-config';\nimport { inline } from '../theme';\n\nexport interface GlassPanelProps {\n /**\n * 子元素\n */\n children?: JSXElement;\n /**\n * 样式\n */\n css?: string;\n /**\n * 类名\n */\n class?: string;\n /**\n * 模糊值 (px)\n * @default 16\n */\n filterBlur?: number;\n filter?: Omit<JSX.FilterSVGAttributes<SVGFilterElement>, 'id'>;\n feTurbulence?: JSX.FeTurbulanceSVGAttributes<SVGFETurbulenceElement>;\n feDisplacementMap?: JSX.FeDisplacementMapSVGAttributes<SVGFEDisplacementMapElement>;\n}\n\nconst GlassPanel = (_: GlassPanelProps) => {\n const props = mergeProps({ filterBlur: 16 }, _);\n const [local] = splitProps(props, [\n 'class',\n 'css',\n 'filter',\n 'feTurbulence',\n 'feDisplacementMap',\n 'filterBlur',\n ]);\n const id = createUniqueId();\n\n return (\n <>\n <style textContent={css(local.css)} />\n <slot\n style={{\n display: 'block',\n width: '100%',\n height: '100%',\n 'backdrop-filter': `blur(${local.filterBlur}px) url(#${id})`,\n 'border-radius': 'inherit',\n overflow: 'inherit',\n }}\n />\n <svg style={{ display: 'none' }}>\n <filter\n id={id}\n filterUnits=\"objectBoundingBox\"\n x=\"-5%\"\n y=\"-5%\"\n width=\"110%\"\n height=\"110%\"\n {...local.filter}\n >\n <feTurbulence\n type=\"fractalNoise\"\n baseFrequency=\"0.45\"\n numOctaves=\"1\"\n {...local.feTurbulence}\n />\n <feDisplacementMap in=\"SourceGraphic\" scale=\"50\" {...local.feDisplacementMap} />\n </filter>\n </svg>\n </>\n );\n};\n\nexport type GlassPanelElement = CustomElement<GlassPanelProps>;\n\nGlassPanel.registry = () => {\n customElement<GlassPanelProps>(\n 'n-glass-panel',\n {\n class: void 0,\n css: void 0,\n filterBlur: void 0,\n filter: void 0,\n feTurbulence: void 0,\n feDisplacementMap: void 0,\n },\n (props, opt) => {\n const el = opt.element;\n\n createEffect(() => {\n clearAttribute(el, ['css', 'filterBlur', 'filter', 'feTurbulence', 'feDisplacementMap']);\n });\n return (\n <>\n <style textContent={inline} />\n <GlassPanel {...props} />\n </>\n );\n },\n );\n};\n\nexport default GlassPanel;\n"],"names":["GlassPanel","_","props","mergeProps","filterBlur","local","splitProps","id","createUniqueId","css","filter","feTurbulence","feDisplacementMap","registry","customElement","class","opt","el","element","createEffect","clearAttribute","inline"],"mappings":"kGA4GA,+CAAA,+CA5G0E,sBACtD,yBACU,2BAGkB,6BACzB,mVAyBjBA,EAAa,AAACC,IAClB,IAAMC,EAAQC,GAAAA,YAAU,EAAC,CAAEC,WAAY,EAAG,EAAGH,GACvC,CAACI,EAAM,CAAGC,GAAAA,YAAU,EAACJ,EAAO,CAChC,QACA,MACA,SACA,eACA,oBACA,aACD,EACKK,EAAKC,GAAAA,gBAAc,IAEzB,oEAEwBC,GAAAA,KAAG,EAACJ,EAAMI,GAAG,sRAMFJ,EAAMD,UAAU,uCAAxB,CAAC,KAAK,EAAEC,EAAMD,UAAU,CAAC,SAAS,EAAEG,EAAG,CAAC,CAAC,+IAOxDA,uCAMAF,EAAMK,MAAM,6CAMVL,EAAMM,YAAY,6CAE6BN,EAAMO,iBAAiB,eAKtF,CAIAZ,CAAAA,EAAWa,QAAQ,CAAG,KACpBC,GAAAA,eAAa,EACX,gBACA,CACEC,MAAO,KAAK,EACZN,IAAK,KAAK,EACVL,WAAY,KAAK,EACjBM,OAAQ,KAAK,EACbC,aAAc,KAAK,EACnBC,kBAAmB,KAAK,CAC1B,EACA,CAACV,EAAOc,KACN,IAAMC,EAAKD,EAAIE,OAAO,CAKtB,MAHAC,GAAAA,cAAY,EAAC,KACXC,GAAAA,gBAAc,EAACH,EAAI,CAAC,MAAO,aAAc,SAAU,eAAgB,oBAAoB,CACzF,yCAGwBI,QAAM,6BACzBrB,EAAeE,GAGtB,EAEJ,QAEA,EAAeF"}
package/lib/index.d.ts CHANGED
@@ -17,6 +17,7 @@ export { default as Dropdown, type DropdownElement, type DropdownMultipleElement
17
17
  export { default as Empty, type EmptyElement, type EmptyProps } from './empty';
18
18
  export { default as fromSchema } from './from-schema';
19
19
  export { default as getOptions } from './get-options';
20
+ export { default as GlassPanel, type GlassPanelElement, type GlassPanelProps } from './glass-panel';
20
21
  export { default as HighlightText, type HighlightTextElement, type HighlightTextProps, } from './highlight-text';
21
22
  export { default as icon, type IconAttribute } from './icon';
22
23
  export { default as Img, type ImgElement, type ImgProps } from './img';
@@ -48,7 +49,7 @@ export type { CustomElement } from 'custom-element-type';
48
49
  export { customElement, getCurrentElement, hot, noShadowDOM, withSolid } from 'solid-element';
49
50
  import type { ICustomElement, Transform } from 'custom-element-type';
50
51
  export { registry } from './utils';
51
- import type { AvatarElement, AvatarGroupElement, BackTopElement, ButtonElement, CaptureScreenElement, CarouselElement, CheckboxBoolElement, CheckboxGroupElement, CodeElement, CollapseElement, ColorPaletteElement, ColorPickerElement, CronElement, DatePickerElement, DropdownElement, DropdownMultipleElement, EmptyElement, HighlightTextElement, ImgElement, InputElement, InputNumberElement, MdElement, MenuElement, MenuMultipleElement, ModalElement, PaginationElement, PopoverElement, ProviderElement, QrCodeElement, RadioElement, SegmentedElement, SelectElement, SelectMultipleElement, SkeletonElement, SpinElement, SwitchElement, TableElement, TabsElement, TagElement, TreeElement, TreeMultipleElement, TreeMultipleSchemaElement, TreeMultipleStringElement, TreeSchemaElement, TreeStringElement, TypographyElement } from '.';
52
+ import type { AvatarElement, AvatarGroupElement, BackTopElement, ButtonElement, CaptureScreenElement, CarouselElement, CheckboxBoolElement, CheckboxGroupElement, CodeElement, CollapseElement, ColorPaletteElement, ColorPickerElement, CronElement, DatePickerElement, DropdownElement, DropdownMultipleElement, EmptyElement, GlassPanelElement, HighlightTextElement, ImgElement, InputElement, InputNumberElement, MdElement, MenuElement, MenuMultipleElement, ModalElement, PaginationElement, PopoverElement, ProviderElement, QrCodeElement, RadioElement, SegmentedElement, SelectElement, SelectMultipleElement, SkeletonElement, SpinElement, SwitchElement, TableElement, TabsElement, TagElement, TreeElement, TreeMultipleElement, TreeMultipleSchemaElement, TreeMultipleStringElement, TreeSchemaElement, TreeStringElement, TypographyElement } from '.';
52
53
  /** 组件列表
53
54
  * @author monako97
54
55
  * @ignore optional
@@ -144,6 +145,11 @@ interface CustomElementTags {
144
145
  * @since 2.10.0
145
146
  */
146
147
  'n-collapse': CollapseElement;
148
+ /**
149
+ * 玻璃面板
150
+ * @since 2.12.0
151
+ */
152
+ 'n-glass-panel': GlassPanelElement;
147
153
  }
148
154
  type IntrinsicNekoElement = Transform<CustomElementTags>;
149
155
  declare module 'solid-js' {
package/lib/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";function e(e,r){for(var t in r)Object.defineProperty(e,t,{enumerable:!0,get:r[t]})}Object.defineProperty(exports,"__esModule",{value:!0}),e(exports,{Avatar:function(){return r.default},AvatarGroup:function(){return t.default},BackTop:function(){return n.default},Button:function(){return i.default},CaptureScreen:function(){return o.default},Carousel:function(){return f.default},Checkbox:function(){return a.default},Code:function(){return c.default},Collapse:function(){return l.default},ColorPalette:function(){return d.default},ColorPicker:function(){return p.default},Cron:function(){return q.default},DatePicker:function(){return s.default},Dropdown:function(){return g.default},Empty:function(){return h.default},FieldName:function(){return u.FieldName},HighlightText:function(){return S.default},Img:function(){return C.default},Input:function(){return O.default},InputNumber:function(){return k.default},Md:function(){return P.default},Menu:function(){return M.default},Modal:function(){return j.default},OpenState:function(){return j.OpenState},Pagination:function(){return T.default},Popover:function(){return x.default},Prism:function(){return D.default},Provider:function(){return E.default},QrCode:function(){return I.default},Radio:function(){return N.default},Segmented:function(){return W.default},Select:function(){return z.default},Size:function(){return u.Size},Skeleton:function(){return A.default},Spin:function(){return B.default},Status:function(){return u.Status},Switch:function(){return F.default},Table:function(){return G.default},Tabs:function(){return H.default},Tag:function(){return Q.default},Tree:function(){return J.default},Typography:function(){return K.default},customElement:function(){return L.customElement},dayjs:function(){return m.default},fromSchema:function(){return y.default},generateColor:function(){return R.generateColor},getCurrentElement:function(){return L.getCurrentElement},getOptions:function(){return b.default},hot:function(){return L.hot},icon:function(){return v.default},mdStyle:function(){return w.default},noShadowDOM:function(){return L.noShadowDOM},notification:function(){return _.default},registry:function(){return U.registry},theme:function(){return R.default},toneColor:function(){return R.toneColor},withSolid:function(){return L.withSolid}});const r=V(require("./avatar")),t=V(require("./avatar/group")),n=V(require("./back-top")),u=require("./basic-config"),i=V(require("./button")),o=V(require("./capture-screen")),f=V(require("./carousel")),a=V(require("./checkbox")),c=V(require("./code")),l=V(require("./collapse")),d=V(require("./color-palette")),p=V(require("./color-picker")),q=V(require("./cron")),s=V(require("./date-picker")),m=V(require("./date-picker/dayjs")),g=V(require("./dropdown")),h=V(require("./empty")),y=V(require("./from-schema")),b=V(require("./get-options")),S=V(require("./highlight-text")),v=V(require("./icon")),C=V(require("./img")),O=V(require("./input")),k=V(require("./input-number")),P=V(require("./md")),w=V(require("./md-style")),M=V(require("./menu")),j=Y(require("./modal")),_=V(require("./notification")),T=V(require("./pagination")),x=V(require("./popover")),D=V(require("./prism")),E=V(require("./provider")),I=V(require("./qrcode")),N=V(require("./radio")),W=V(require("./segmented")),z=V(require("./select")),A=V(require("./skeleton")),B=V(require("./spin")),F=V(require("./switch")),G=V(require("./table")),H=V(require("./tabs")),Q=V(require("./tag")),R=Y(require("./theme")),J=V(require("./tree")),K=V(require("./typography")),L=require("solid-element"),U=require("./utils");function V(e){return e&&e.__esModule?e:{default:e}}function X(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(X=function(e){return e?t:r})(e)}function Y(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=X(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=u?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,t&&t.set(e,n),n}
1
+ "use strict";function e(e,r){for(var t in r)Object.defineProperty(e,t,{enumerable:!0,get:r[t]})}Object.defineProperty(exports,"__esModule",{value:!0}),e(exports,{Avatar:function(){return r.default},AvatarGroup:function(){return t.default},BackTop:function(){return n.default},Button:function(){return i.default},CaptureScreen:function(){return o.default},Carousel:function(){return f.default},Checkbox:function(){return a.default},Code:function(){return c.default},Collapse:function(){return l.default},ColorPalette:function(){return d.default},ColorPicker:function(){return p.default},Cron:function(){return q.default},DatePicker:function(){return s.default},Dropdown:function(){return g.default},Empty:function(){return h.default},FieldName:function(){return u.FieldName},GlassPanel:function(){return S.default},HighlightText:function(){return v.default},Img:function(){return O.default},Input:function(){return P.default},InputNumber:function(){return k.default},Md:function(){return w.default},Menu:function(){return j.default},Modal:function(){return _.default},OpenState:function(){return _.OpenState},Pagination:function(){return x.default},Popover:function(){return D.default},Prism:function(){return E.default},Provider:function(){return I.default},QrCode:function(){return N.default},Radio:function(){return W.default},Segmented:function(){return z.default},Select:function(){return A.default},Size:function(){return u.Size},Skeleton:function(){return B.default},Spin:function(){return F.default},Status:function(){return u.Status},Switch:function(){return G.default},Table:function(){return H.default},Tabs:function(){return Q.default},Tag:function(){return R.default},Tree:function(){return K.default},Typography:function(){return L.default},customElement:function(){return U.customElement},dayjs:function(){return m.default},fromSchema:function(){return y.default},generateColor:function(){return J.generateColor},getCurrentElement:function(){return U.getCurrentElement},getOptions:function(){return b.default},hot:function(){return U.hot},icon:function(){return C.default},mdStyle:function(){return M.default},noShadowDOM:function(){return U.noShadowDOM},notification:function(){return T.default},registry:function(){return V.registry},theme:function(){return J.default},toneColor:function(){return J.toneColor},withSolid:function(){return U.withSolid}});const r=X(require("./avatar")),t=X(require("./avatar/group")),n=X(require("./back-top")),u=require("./basic-config"),i=X(require("./button")),o=X(require("./capture-screen")),f=X(require("./carousel")),a=X(require("./checkbox")),c=X(require("./code")),l=X(require("./collapse")),d=X(require("./color-palette")),p=X(require("./color-picker")),q=X(require("./cron")),s=X(require("./date-picker")),m=X(require("./date-picker/dayjs")),g=X(require("./dropdown")),h=X(require("./empty")),y=X(require("./from-schema")),b=X(require("./get-options")),S=X(require("./glass-panel")),v=X(require("./highlight-text")),C=X(require("./icon")),O=X(require("./img")),P=X(require("./input")),k=X(require("./input-number")),w=X(require("./md")),M=X(require("./md-style")),j=X(require("./menu")),_=Z(require("./modal")),T=X(require("./notification")),x=X(require("./pagination")),D=X(require("./popover")),E=X(require("./prism")),I=X(require("./provider")),N=X(require("./qrcode")),W=X(require("./radio")),z=X(require("./segmented")),A=X(require("./select")),B=X(require("./skeleton")),F=X(require("./spin")),G=X(require("./switch")),H=X(require("./table")),Q=X(require("./tabs")),R=X(require("./tag")),J=Z(require("./theme")),K=X(require("./tree")),L=X(require("./typography")),U=require("solid-element"),V=require("./utils");function X(e){return e&&e.__esModule?e:{default:e}}function Y(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(Y=function(e){return e?t:r})(e)}function Z(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=Y(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=u?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,t&&t.set(e,n),n}
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/index.ts"],"sourcesContent":["'use client';\n\nexport { default as Avatar, type AvatarElement, type AvatarProps } from './avatar';\nexport {\n default as AvatarGroup,\n type AvatarGroupElement,\n type AvatarGroupProps,\n} from './avatar/group';\nexport { default as BackTop, type BackTopElement, type BackTopProps } from './back-top';\nexport { type BaseOption, type BasicConfig, FieldName, Size, Status } from './basic-config';\nexport { default as Button, type ButtonElement, type ButtonProps } from './button';\nexport {\n default as CaptureScreen,\n type CaptureScreenElement,\n type CaptureScreenProps,\n} from './capture-screen';\nexport { default as Carousel, type CarouselElement, type CarouselProps } from './carousel';\nexport {\n default as Checkbox,\n type CheckboxBoolElement,\n type CheckboxBoolProps,\n type CheckboxGroupElement,\n type CheckboxGroupProps,\n} from './checkbox';\nexport { default as Code, type CodeElement, type CodeProps, type Language } from './code';\nexport { default as Collapse, type CollapseElement, type CollapseProps } from './collapse';\nexport {\n default as ColorPalette,\n type ColorPaletteElement,\n type ColorPaletteProps,\n} from './color-palette';\nexport {\n default as ColorPicker,\n type ColorPickerElement,\n type ColorPickerProps,\n} from './color-picker';\nexport { default as Cron, type CronElement, type CronProps } from './cron';\nexport { default as DatePicker, type DatePickerElement, type DatePickerProps } from './date-picker';\nexport { default as dayjs } from './date-picker/dayjs';\nexport {\n default as Dropdown,\n type DropdownElement,\n type DropdownMultipleElement,\n type DropdownMultipleProps,\n type DropdownProps,\n} from './dropdown';\nexport { default as Empty, type EmptyElement, type EmptyProps } from './empty';\nexport { default as fromSchema } from './from-schema';\nexport { default as getOptions } from './get-options';\nexport {\n default as HighlightText,\n type HighlightTextElement,\n type HighlightTextProps,\n} from './highlight-text';\nexport { default as icon, type IconAttribute } from './icon';\nexport { default as Img, type ImgElement, type ImgProps } from './img';\nexport { default as Input, type InputElement, type InputProps } from './input';\nexport {\n default as InputNumber,\n type InputNumberElement,\n type InputNumberProps,\n} from './input-number';\nexport { default as Md, type MdElement, type MdProps } from './md';\nexport { default as mdStyle } from './md-style';\nexport {\n default as Menu,\n type MenuElement,\n type MenuMultipleElement,\n type MenuMultipleProps,\n type MenuOption,\n type MenuProps,\n} from './menu';\nexport {\n default as Modal,\n type ModalElement,\n type ModalProps,\n OpenState,\n type OpenStateKey,\n} from './modal';\nexport {\n default as notification,\n type NotificationProps,\n type NotificationType,\n} from './notification';\nexport { default as Pagination, type PaginationElement, type PaginationProps } from './pagination';\nexport { default as Popover, type PopoverElement, type PopoverProps } from './popover';\nexport { default as Prism } from './prism';\nexport { default as Provider, type ProviderElement, type ProviderProps } from './provider';\nexport { type IntRange, default as QrCode, type QrCodeElement, type QrCodeProps } from './qrcode';\nexport { default as Radio, type RadioElement, type RadioOption, type RadioProps } from './radio';\nexport { default as Segmented, type SegmentedElement, type SegmentedProps } from './segmented';\nexport {\n default as Select,\n type SelectElement,\n type SelectMultipleElement,\n type SelectMultipleProps,\n type SelectProps,\n} from './select';\nexport { default as Skeleton, type SkeletonElement, type SkeletonProps } from './skeleton';\nexport { default as Spin, type SpinElement, type SpinProps } from './spin';\nexport { default as Switch, type SwitchElement, type SwitchProps } from './switch';\nexport { default as Table, type TableElement, type TableProps } from './table';\nexport { type TabOption, default as Tabs, type TabsElement, type TabsProps } from './tabs';\nexport { default as Tag, type TagElement, type TagProps } from './tag';\nexport {\n type ColorScheme,\n generateColor,\n default as theme,\n type ThemeOption,\n toneColor,\n} from './theme';\nexport {\n default as Tree,\n type TreeData,\n type TreeElement,\n type TreeMultipleElement,\n type TreeMultipleProps,\n type TreeMultipleSchemaElement,\n type TreeMultipleSchemaProps,\n type TreeMultipleStringElement,\n type TreeMultipleStringProps,\n type TreeProps,\n type TreeSchemaElement,\n type TreeSchemaProps,\n type TreeStringElement,\n type TreeStringProps,\n} from './tree';\nexport { default as Typography, type TypographyElement, type TypographyProps } from './typography';\nexport type { CustomElement } from 'custom-element-type';\nexport { customElement, getCurrentElement, hot, noShadowDOM, withSolid } from 'solid-element';\nimport type { ICustomElement, Transform } from 'custom-element-type';\nexport { registry } from './utils';\n\nimport type {\n AvatarElement,\n AvatarGroupElement,\n BackTopElement,\n ButtonElement,\n CaptureScreenElement,\n CarouselElement,\n CheckboxBoolElement,\n CheckboxGroupElement,\n CodeElement,\n CollapseElement,\n ColorPaletteElement,\n ColorPickerElement,\n CronElement,\n DatePickerElement,\n DropdownElement,\n DropdownMultipleElement,\n EmptyElement,\n HighlightTextElement,\n ImgElement,\n InputElement,\n InputNumberElement,\n MdElement,\n MenuElement,\n MenuMultipleElement,\n ModalElement,\n PaginationElement,\n PopoverElement,\n ProviderElement,\n QrCodeElement,\n RadioElement,\n SegmentedElement,\n SelectElement,\n SelectMultipleElement,\n SkeletonElement,\n SpinElement,\n SwitchElement,\n TableElement,\n TabsElement,\n TagElement,\n TreeElement,\n TreeMultipleElement,\n TreeMultipleSchemaElement,\n TreeMultipleStringElement,\n TreeSchemaElement,\n TreeStringElement,\n TypographyElement,\n} from '.';\n\n/** 组件列表\n * @author monako97\n * @ignore optional\n */\ninterface CustomElementTags {\n /** 头像 */\n 'n-avatar': AvatarElement;\n /** 头像组 */\n 'n-avatar-group': AvatarGroupElement;\n /** 返回顶部 */\n 'n-back-top': BackTopElement;\n /** 按钮 */\n 'n-button': ButtonElement;\n /** 捕获屏幕 */\n 'n-capture-screen': CaptureScreenElement;\n /** 走马灯、轮播 */\n 'n-carousel': CarouselElement;\n /** 复选框 */\n 'n-checkbox': CheckboxBoolElement | CheckboxGroupElement;\n /** 代码框 */\n 'n-code': CodeElement;\n /** 取色器 */\n 'n-color-palette': ColorPaletteElement;\n /** 取色器(弹出类型) */\n 'n-color-picker': ColorPickerElement;\n /** 下拉面板 */\n 'n-dropdown': DropdownElement | DropdownMultipleElement;\n /** 空面板 */\n 'n-empty': EmptyElement;\n /** 匹配高亮文字 */\n 'n-highlight-text': HighlightTextElement;\n /** 图片查看器 */\n 'n-img': ImgElement;\n /** 输入框 */\n 'n-input': InputElement;\n /** 数字输入框 */\n 'n-input-number': InputNumberElement;\n /** Markdown渲染 */\n 'n-md': MdElement;\n /** 弹出气泡面板 */\n 'n-popover': PopoverElement;\n /** 单选项 */\n 'n-radio': RadioElement;\n /** 分段控制器 */\n 'n-segmented': SegmentedElement;\n /** 下拉选择框 */\n 'n-select': SelectElement | SelectMultipleElement;\n /** 骨架屏 */\n 'n-skeleton': SkeletonElement;\n /** 加载中 */\n 'n-spin': SpinElement;\n /** 开关 */\n 'n-switch': SwitchElement;\n /** 树形渲染 */\n 'n-tree':\n | TreeElement\n | TreeStringElement\n | TreeSchemaElement\n | TreeMultipleElement\n | TreeMultipleStringElement\n | TreeMultipleSchemaElement;\n /** 文字排版 */\n 'n-typography': TypographyElement;\n /** 标签页 */\n 'n-tabs': TabsElement;\n /** 标签 */\n 'n-tag': TagElement;\n /** 导航菜单 */\n 'n-menu': MenuElement | MenuMultipleElement;\n /** Cron表达式编辑器 */\n 'n-cron': CronElement;\n /** 日期选择器\n * @since 2.1.0\n */\n 'n-data-picker': DatePickerElement;\n /** 数据表格\n * @since 2.2.0\n */\n 'n-table': TableElement;\n /** 分页器\n * @since 2.2.0\n */\n 'n-pagination': PaginationElement;\n /** 响应内部变化\n * @since 2.3.0\n */\n 'n-provider': ProviderElement;\n /** 模态框\n * @since 2.6.0\n */\n 'n-modal': ModalElement;\n /**\n * 二维码\n * @since 2.9.0\n */\n 'n-qrcode': QrCodeElement;\n /**\n * 折叠面板\n * @since 2.10.0\n */\n 'n-collapse': CollapseElement;\n}\ntype IntrinsicNekoElement = Transform<CustomElementTags>;\n\ndeclare module 'solid-js' {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace JSX {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface IntrinsicElements extends IntrinsicNekoElement {}\n }\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\ndeclare module 'react' {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace JSX {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface IntrinsicElements extends IntrinsicNekoElement {}\n }\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\n\nexport interface ComponentOptions<T> {\n element: T & ICustomElement;\n}\n"],"names":["Avatar","AvatarGroup","BackTop","Button","CaptureScreen","Carousel","Checkbox","Code","Collapse","ColorPalette","ColorPicker","Cron","DatePicker","Dropdown","Empty","FieldName","HighlightText","Img","Input","InputNumber","Md","Menu","Modal","OpenState","Pagination","Popover","Prism","Provider","QrCode","Radio","Segmented","Select","Size","Skeleton","Spin","Status","Switch","Table","Tabs","Tag","Tree","Typography","customElement","dayjs","fromSchema","generateColor","getCurrentElement","getOptions","hot","icon","mdStyle","noShadowDOM","notification","registry","theme","toneColor","withSolid"],"mappings":"kKAEoBA,MAAM,mBAANA,SAAM,EAEbC,WAAW,mBAAXA,SAAW,EAIJC,OAAO,mBAAPA,SAAO,EAEPC,MAAM,mBAANA,SAAM,EAEbC,aAAa,mBAAbA,SAAa,EAINC,QAAQ,mBAARA,SAAQ,EAEfC,QAAQ,mBAARA,SAAQ,EAMDC,IAAI,mBAAJA,SAAI,EACJC,QAAQ,mBAARA,SAAQ,EAEfC,YAAY,mBAAZA,SAAY,EAKZC,WAAW,mBAAXA,SAAW,EAIJC,IAAI,mBAAJA,SAAI,EACJC,UAAU,mBAAVA,SAAU,EAGjBC,QAAQ,mBAARA,SAAQ,EAMDC,KAAK,mBAALA,SAAK,EArCmBC,SAAS,mBAATA,WAAS,EAyCxCC,aAAa,mBAAbA,SAAa,EAKNC,GAAG,mBAAHA,SAAG,EACHC,KAAK,mBAALA,SAAK,EAEZC,WAAW,mBAAXA,SAAW,EAIJC,EAAE,mBAAFA,SAAE,EAGTC,IAAI,mBAAJA,SAAI,EAQJC,KAAK,mBAALA,SAAK,EAGhBC,SAAS,mBAATA,WAAS,EAQSC,UAAU,mBAAVA,SAAU,EACVC,OAAO,mBAAPA,SAAO,EACPC,KAAK,mBAALA,SAAK,EACLC,QAAQ,mBAARA,SAAQ,EACOC,MAAM,mBAANA,SAAM,EACrBC,KAAK,mBAALA,SAAK,EACLC,SAAS,mBAATA,SAAS,EAEhBC,MAAM,mBAANA,SAAM,EAnFoCC,IAAI,mBAAJA,MAAI,EAyFvCC,QAAQ,mBAARA,SAAQ,EACRC,IAAI,mBAAJA,SAAI,EA1FqCC,MAAM,mBAANA,QAAM,EA2F/CC,MAAM,mBAANA,SAAM,EACNC,KAAK,mBAALA,SAAK,EACWC,IAAI,mBAAJA,SAAI,EACpBC,GAAG,mBAAHA,SAAG,EASVC,IAAI,mBAAJA,SAAI,EAeGC,UAAU,mBAAVA,SAAU,EAErBC,aAAa,mBAAbA,eAAa,EA3FFC,KAAK,mBAALA,SAAK,EASLC,UAAU,mBAAVA,SAAU,EA2D5BC,aAAa,mBAAbA,eAAa,EAuBSC,iBAAiB,mBAAjBA,mBAAiB,EAjFrBC,UAAU,mBAAVA,SAAU,EAiFaC,GAAG,mBAAHA,KAAG,EA3E1BC,IAAI,mBAAJA,SAAI,EASJC,OAAO,mBAAPA,SAAO,EAkEqBC,WAAW,mBAAXA,aAAW,EAjD9CC,YAAY,mBAAZA,SAAY,EAmDhBC,QAAQ,mBAARA,UAAQ,EAxBJC,KAAK,mBAALA,SAAK,EAEhBC,SAAS,mBAATA,WAAS,EAoBkDC,SAAS,mBAATA,WAAS,sBA/HE,yBAKjE,+BACoE,yBACA,8BACH,yBAKjE,iCACuE,2BAOvE,2BAC0E,uBACH,2BAKvE,gCAKA,+BAC2D,uBACkB,8BACnD,oCAO1B,2BAC8D,wBAC/B,8BACA,8BAK/B,iCAC6C,uBACW,sBACM,wBAK9D,+BACqD,qBACzB,2BAQ5B,uBAOA,wBAKA,+BAC6E,6BACT,0BAC1C,wBAC6C,2BACS,yBACA,wBACN,4BAO1E,yBACuE,2BACZ,uBACM,yBACH,wBACa,uBACnB,sBAOxD,wBAgBA,uBAC6E,2BAEN,2BAErD"}
1
+ {"version":3,"sources":["components/index.ts"],"sourcesContent":["'use client';\n\nexport { default as Avatar, type AvatarElement, type AvatarProps } from './avatar';\nexport {\n default as AvatarGroup,\n type AvatarGroupElement,\n type AvatarGroupProps,\n} from './avatar/group';\nexport { default as BackTop, type BackTopElement, type BackTopProps } from './back-top';\nexport { type BaseOption, type BasicConfig, FieldName, Size, Status } from './basic-config';\nexport { default as Button, type ButtonElement, type ButtonProps } from './button';\nexport {\n default as CaptureScreen,\n type CaptureScreenElement,\n type CaptureScreenProps,\n} from './capture-screen';\nexport { default as Carousel, type CarouselElement, type CarouselProps } from './carousel';\nexport {\n default as Checkbox,\n type CheckboxBoolElement,\n type CheckboxBoolProps,\n type CheckboxGroupElement,\n type CheckboxGroupProps,\n} from './checkbox';\nexport { default as Code, type CodeElement, type CodeProps, type Language } from './code';\nexport { default as Collapse, type CollapseElement, type CollapseProps } from './collapse';\nexport {\n default as ColorPalette,\n type ColorPaletteElement,\n type ColorPaletteProps,\n} from './color-palette';\nexport {\n default as ColorPicker,\n type ColorPickerElement,\n type ColorPickerProps,\n} from './color-picker';\nexport { default as Cron, type CronElement, type CronProps } from './cron';\nexport { default as DatePicker, type DatePickerElement, type DatePickerProps } from './date-picker';\nexport { default as dayjs } from './date-picker/dayjs';\nexport {\n default as Dropdown,\n type DropdownElement,\n type DropdownMultipleElement,\n type DropdownMultipleProps,\n type DropdownProps,\n} from './dropdown';\nexport { default as Empty, type EmptyElement, type EmptyProps } from './empty';\nexport { default as fromSchema } from './from-schema';\nexport { default as getOptions } from './get-options';\nexport { default as GlassPanel, type GlassPanelElement, type GlassPanelProps } from './glass-panel';\nexport {\n default as HighlightText,\n type HighlightTextElement,\n type HighlightTextProps,\n} from './highlight-text';\nexport { default as icon, type IconAttribute } from './icon';\nexport { default as Img, type ImgElement, type ImgProps } from './img';\nexport { default as Input, type InputElement, type InputProps } from './input';\nexport {\n default as InputNumber,\n type InputNumberElement,\n type InputNumberProps,\n} from './input-number';\nexport { default as Md, type MdElement, type MdProps } from './md';\nexport { default as mdStyle } from './md-style';\nexport {\n default as Menu,\n type MenuElement,\n type MenuMultipleElement,\n type MenuMultipleProps,\n type MenuOption,\n type MenuProps,\n} from './menu';\nexport {\n default as Modal,\n type ModalElement,\n type ModalProps,\n OpenState,\n type OpenStateKey,\n} from './modal';\nexport {\n default as notification,\n type NotificationProps,\n type NotificationType,\n} from './notification';\nexport { default as Pagination, type PaginationElement, type PaginationProps } from './pagination';\nexport { default as Popover, type PopoverElement, type PopoverProps } from './popover';\nexport { default as Prism } from './prism';\nexport { default as Provider, type ProviderElement, type ProviderProps } from './provider';\nexport { type IntRange, default as QrCode, type QrCodeElement, type QrCodeProps } from './qrcode';\nexport { default as Radio, type RadioElement, type RadioOption, type RadioProps } from './radio';\nexport { default as Segmented, type SegmentedElement, type SegmentedProps } from './segmented';\nexport {\n default as Select,\n type SelectElement,\n type SelectMultipleElement,\n type SelectMultipleProps,\n type SelectProps,\n} from './select';\nexport { default as Skeleton, type SkeletonElement, type SkeletonProps } from './skeleton';\nexport { default as Spin, type SpinElement, type SpinProps } from './spin';\nexport { default as Switch, type SwitchElement, type SwitchProps } from './switch';\nexport { default as Table, type TableElement, type TableProps } from './table';\nexport { type TabOption, default as Tabs, type TabsElement, type TabsProps } from './tabs';\nexport { default as Tag, type TagElement, type TagProps } from './tag';\nexport {\n type ColorScheme,\n generateColor,\n default as theme,\n type ThemeOption,\n toneColor,\n} from './theme';\nexport {\n default as Tree,\n type TreeData,\n type TreeElement,\n type TreeMultipleElement,\n type TreeMultipleProps,\n type TreeMultipleSchemaElement,\n type TreeMultipleSchemaProps,\n type TreeMultipleStringElement,\n type TreeMultipleStringProps,\n type TreeProps,\n type TreeSchemaElement,\n type TreeSchemaProps,\n type TreeStringElement,\n type TreeStringProps,\n} from './tree';\nexport { default as Typography, type TypographyElement, type TypographyProps } from './typography';\nexport type { CustomElement } from 'custom-element-type';\nexport { customElement, getCurrentElement, hot, noShadowDOM, withSolid } from 'solid-element';\nimport type { ICustomElement, Transform } from 'custom-element-type';\nexport { registry } from './utils';\n\nimport type {\n AvatarElement,\n AvatarGroupElement,\n BackTopElement,\n ButtonElement,\n CaptureScreenElement,\n CarouselElement,\n CheckboxBoolElement,\n CheckboxGroupElement,\n CodeElement,\n CollapseElement,\n ColorPaletteElement,\n ColorPickerElement,\n CronElement,\n DatePickerElement,\n DropdownElement,\n DropdownMultipleElement,\n EmptyElement,\n GlassPanelElement,\n HighlightTextElement,\n ImgElement,\n InputElement,\n InputNumberElement,\n MdElement,\n MenuElement,\n MenuMultipleElement,\n ModalElement,\n PaginationElement,\n PopoverElement,\n ProviderElement,\n QrCodeElement,\n RadioElement,\n SegmentedElement,\n SelectElement,\n SelectMultipleElement,\n SkeletonElement,\n SpinElement,\n SwitchElement,\n TableElement,\n TabsElement,\n TagElement,\n TreeElement,\n TreeMultipleElement,\n TreeMultipleSchemaElement,\n TreeMultipleStringElement,\n TreeSchemaElement,\n TreeStringElement,\n TypographyElement,\n} from '.';\n\n/** 组件列表\n * @author monako97\n * @ignore optional\n */\ninterface CustomElementTags {\n /** 头像 */\n 'n-avatar': AvatarElement;\n /** 头像组 */\n 'n-avatar-group': AvatarGroupElement;\n /** 返回顶部 */\n 'n-back-top': BackTopElement;\n /** 按钮 */\n 'n-button': ButtonElement;\n /** 捕获屏幕 */\n 'n-capture-screen': CaptureScreenElement;\n /** 走马灯、轮播 */\n 'n-carousel': CarouselElement;\n /** 复选框 */\n 'n-checkbox': CheckboxBoolElement | CheckboxGroupElement;\n /** 代码框 */\n 'n-code': CodeElement;\n /** 取色器 */\n 'n-color-palette': ColorPaletteElement;\n /** 取色器(弹出类型) */\n 'n-color-picker': ColorPickerElement;\n /** 下拉面板 */\n 'n-dropdown': DropdownElement | DropdownMultipleElement;\n /** 空面板 */\n 'n-empty': EmptyElement;\n /** 匹配高亮文字 */\n 'n-highlight-text': HighlightTextElement;\n /** 图片查看器 */\n 'n-img': ImgElement;\n /** 输入框 */\n 'n-input': InputElement;\n /** 数字输入框 */\n 'n-input-number': InputNumberElement;\n /** Markdown渲染 */\n 'n-md': MdElement;\n /** 弹出气泡面板 */\n 'n-popover': PopoverElement;\n /** 单选项 */\n 'n-radio': RadioElement;\n /** 分段控制器 */\n 'n-segmented': SegmentedElement;\n /** 下拉选择框 */\n 'n-select': SelectElement | SelectMultipleElement;\n /** 骨架屏 */\n 'n-skeleton': SkeletonElement;\n /** 加载中 */\n 'n-spin': SpinElement;\n /** 开关 */\n 'n-switch': SwitchElement;\n /** 树形渲染 */\n 'n-tree':\n | TreeElement\n | TreeStringElement\n | TreeSchemaElement\n | TreeMultipleElement\n | TreeMultipleStringElement\n | TreeMultipleSchemaElement;\n /** 文字排版 */\n 'n-typography': TypographyElement;\n /** 标签页 */\n 'n-tabs': TabsElement;\n /** 标签 */\n 'n-tag': TagElement;\n /** 导航菜单 */\n 'n-menu': MenuElement | MenuMultipleElement;\n /** Cron表达式编辑器 */\n 'n-cron': CronElement;\n /** 日期选择器\n * @since 2.1.0\n */\n 'n-data-picker': DatePickerElement;\n /** 数据表格\n * @since 2.2.0\n */\n 'n-table': TableElement;\n /** 分页器\n * @since 2.2.0\n */\n 'n-pagination': PaginationElement;\n /** 响应内部变化\n * @since 2.3.0\n */\n 'n-provider': ProviderElement;\n /** 模态框\n * @since 2.6.0\n */\n 'n-modal': ModalElement;\n /**\n * 二维码\n * @since 2.9.0\n */\n 'n-qrcode': QrCodeElement;\n /**\n * 折叠面板\n * @since 2.10.0\n */\n 'n-collapse': CollapseElement;\n /**\n * 玻璃面板\n * @since 2.12.0\n */\n 'n-glass-panel': GlassPanelElement;\n}\ntype IntrinsicNekoElement = Transform<CustomElementTags>;\n\ndeclare module 'solid-js' {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace JSX {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface IntrinsicElements extends IntrinsicNekoElement {}\n }\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\ndeclare module 'react' {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n export namespace JSX {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface IntrinsicElements extends IntrinsicNekoElement {}\n }\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\n\nexport interface ComponentOptions<T> {\n element: T & ICustomElement;\n}\n"],"names":["Avatar","AvatarGroup","BackTop","Button","CaptureScreen","Carousel","Checkbox","Code","Collapse","ColorPalette","ColorPicker","Cron","DatePicker","Dropdown","Empty","FieldName","GlassPanel","HighlightText","Img","Input","InputNumber","Md","Menu","Modal","OpenState","Pagination","Popover","Prism","Provider","QrCode","Radio","Segmented","Select","Size","Skeleton","Spin","Status","Switch","Table","Tabs","Tag","Tree","Typography","customElement","dayjs","fromSchema","generateColor","getCurrentElement","getOptions","hot","icon","mdStyle","noShadowDOM","notification","registry","theme","toneColor","withSolid"],"mappings":"kKAEoBA,MAAM,mBAANA,SAAM,EAEbC,WAAW,mBAAXA,SAAW,EAIJC,OAAO,mBAAPA,SAAO,EAEPC,MAAM,mBAANA,SAAM,EAEbC,aAAa,mBAAbA,SAAa,EAINC,QAAQ,mBAARA,SAAQ,EAEfC,QAAQ,mBAARA,SAAQ,EAMDC,IAAI,mBAAJA,SAAI,EACJC,QAAQ,mBAARA,SAAQ,EAEfC,YAAY,mBAAZA,SAAY,EAKZC,WAAW,mBAAXA,SAAW,EAIJC,IAAI,mBAAJA,SAAI,EACJC,UAAU,mBAAVA,SAAU,EAGjBC,QAAQ,mBAARA,SAAQ,EAMDC,KAAK,mBAALA,SAAK,EArCmBC,SAAS,mBAATA,WAAS,EAwCjCC,UAAU,mBAAVA,SAAU,EAEjBC,aAAa,mBAAbA,SAAa,EAKNC,GAAG,mBAAHA,SAAG,EACHC,KAAK,mBAALA,SAAK,EAEZC,WAAW,mBAAXA,SAAW,EAIJC,EAAE,mBAAFA,SAAE,EAGTC,IAAI,mBAAJA,SAAI,EAQJC,KAAK,mBAALA,SAAK,EAGhBC,SAAS,mBAATA,WAAS,EAQSC,UAAU,mBAAVA,SAAU,EACVC,OAAO,mBAAPA,SAAO,EACPC,KAAK,mBAALA,SAAK,EACLC,QAAQ,mBAARA,SAAQ,EACOC,MAAM,mBAANA,SAAM,EACrBC,KAAK,mBAALA,SAAK,EACLC,SAAS,mBAATA,SAAS,EAEhBC,MAAM,mBAANA,SAAM,EApFoCC,IAAI,mBAAJA,MAAI,EA0FvCC,QAAQ,mBAARA,SAAQ,EACRC,IAAI,mBAAJA,SAAI,EA3FqCC,MAAM,mBAANA,QAAM,EA4F/CC,MAAM,mBAANA,SAAM,EACNC,KAAK,mBAALA,SAAK,EACWC,IAAI,mBAAJA,SAAI,EACpBC,GAAG,mBAAHA,SAAG,EASVC,IAAI,mBAAJA,SAAI,EAeGC,UAAU,mBAAVA,SAAU,EAErBC,aAAa,mBAAbA,eAAa,EA5FFC,KAAK,mBAALA,SAAK,EASLC,UAAU,mBAAVA,SAAU,EA4D5BC,aAAa,mBAAbA,eAAa,EAuBSC,iBAAiB,mBAAjBA,mBAAiB,EAlFrBC,UAAU,mBAAVA,SAAU,EAkFaC,GAAG,mBAAHA,KAAG,EA3E1BC,IAAI,mBAAJA,SAAI,EASJC,OAAO,mBAAPA,SAAO,EAkEqBC,WAAW,mBAAXA,aAAW,EAjD9CC,YAAY,mBAAZA,SAAY,EAmDhBC,QAAQ,mBAARA,UAAQ,EAxBJC,KAAK,mBAALA,SAAK,EAEhBC,SAAS,mBAATA,WAAS,EAoBkDC,SAAS,mBAATA,WAAS,sBAhIE,yBAKjE,+BACoE,yBACA,8BACH,yBAKjE,iCACuE,2BAOvE,2BAC0E,uBACH,2BAKvE,gCAKA,+BAC2D,uBACkB,8BACnD,oCAO1B,2BAC8D,wBAC/B,8BACA,8BAC8C,8BAK7E,iCAC6C,uBACW,sBACM,wBAK9D,+BACqD,qBACzB,2BAQ5B,uBAOA,wBAKA,+BAC6E,6BACT,0BAC1C,wBAC6C,2BACS,yBACA,wBACN,4BAO1E,yBACuE,2BACZ,uBACM,yBACH,wBACa,uBACnB,sBAOxD,wBAgBA,uBAC6E,2BAEN,2BAErD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "neko-ui",
3
- "version": "2.11.2",
3
+ "version": "2.12.0",
4
4
  "description": "WebComponents UI Libraries",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -61,7 +61,7 @@
61
61
  "ui libraries"
62
62
  ],
63
63
  "devDependencies": {
64
- "@moneko/core": "3.47.2",
64
+ "@moneko/core": "3.47.4",
65
65
  "@moneko/solid": "1.11.1",
66
66
  "@solidjs/testing-library": "0.8.10",
67
67
  "@swc/jest": "0.2.38",