orion-design 0.1.6 → 0.1.8

package/README.md

@@ -1,5 +1,5 @@
-# Vue 3 + TypeScript + Vite
-
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/dist/Throne/index.d.ts

@@ -1,17 +1,9 @@
 import { Ref } from 'vue';
-export interface CodeItem {
-    value: string;
-    content: string;
-}
-export type CascadeSysCodeItem = {
-    value: string;
-    content: string;
-    parent?: string;
-};
+import { CodeData } from '../components/types';
 export interface ThroneType {
     hasAuth: (authId: string) => boolean | null;
     getIcon: (iconId: string) => () => unknown;
-    getCode: (codeName: string) => Ref<Array<CodeItem>>;
+    getCode: (codeName: string) => Ref<CodeData>;
     impl: (throne: Partial<ThroneType>) => void;
 }
 declare const Throne: ThroneType;

package/dist/Throne/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Throne/index.ts"],"sourcesContent":["import OrionError from '../error/OrionError'\r\nimport type { Ref } from 'vue'\r\n\r\nexport interface CodeItem {\r\n  value: string\r\n  content: string\r\n}\r\n\r\nexport type CascadeSysCodeItem = {\r\n  value: string\r\n  content: string\r\n  parent?: string\r\n}\r\n\r\nexport interface ThroneType {\r\n  hasAuth: (authId: string) => boolean | null\r\n  getIcon: (iconId: string) => () => unknown\r\n  getCode: (codeName: string) => Ref<Array<CodeItem>>\r\n  impl: (throne: Partial<ThroneType>) => void\r\n}\r\n\r\nlet hasAuth: ThroneType['hasAuth'] = () => {\r\n  throw new OrionError(`Throne.hasAuth not configured!`)\r\n}\r\n\r\nlet getIcon: ThroneType['getIcon'] = (iconId) => {\r\n  throw new OrionError(`Throne.getIcon not configured!`)\r\n}\r\n\r\nlet getCode: ThroneType['getCode'] = (codeName) => {\r\n  throw new OrionError(`Throne.getCode not configured!`)\r\n}\r\n\r\nconst Throne: ThroneType = {\r\n  hasAuth: (authId) => {\r\n    return hasAuth(authId)\r\n  },\r\n  getIcon: (iconId) => {\r\n    return getIcon(iconId)\r\n  },\r\n  getCode: (codeName) => {\r\n    return getCode(codeName)\r\n  },\r\n  impl: (throne) => {\r\n    if (throne.hasAuth) {\r\n      hasAuth = throne.hasAuth\r\n    }\r\n\r\n    if (throne.getIcon) {\r\n      getIcon = throne.getIcon\r\n    }\r\n\r\n    if (throne.getCode) {\r\n      getCode = throne.getCode\r\n    }\r\n  },\r\n}\r\n\r\nexport default Throne\r\n"],"names":["hasAuth","OrionError","getIcon","iconId","getCode","codeName","Throne","authId","throne"],"mappings":";AAqBA,IAAIA,IAAiC,MAAM;AACnC,QAAA,IAAIC,EAAW,gCAAgC;AACvD,GAEIC,IAAiC,CAACC,MAAW;AACzC,QAAA,IAAIF,EAAW,gCAAgC;AACvD,GAEIG,IAAiC,CAACC,MAAa;AAC3C,QAAA,IAAIJ,EAAW,gCAAgC;AACvD;AAEA,MAAMK,IAAqB;AAAA,EACzB,SAAS,CAACC,MACDP,EAAQO,CAAM;AAAA,EAEvB,SAAS,CAACJ,MACDD,EAAQC,CAAM;AAAA,EAEvB,SAAS,CAACE,MACDD,EAAQC,CAAQ;AAAA,EAEzB,MAAM,CAACG,MAAW;AAChB,IAAIA,EAAO,YACTR,IAAUQ,EAAO,UAGfA,EAAO,YACTN,IAAUM,EAAO,UAGfA,EAAO,YACTJ,IAAUI,EAAO;AAAA,EAErB;AACF;"}
+{"version":3,"file":"index.js","sources":["../../src/Throne/index.ts"],"sourcesContent":["import OrionError from '../error/OrionError'\r\nimport type { Ref } from 'vue'\r\n\r\nimport type { CodeData } from '../components/types'\r\n\r\nexport interface ThroneType {\r\n  hasAuth: (authId: string) => boolean | null\r\n  getIcon: (iconId: string) => () => unknown\r\n  getCode: (codeName: string) => Ref<CodeData>\r\n  impl: (throne: Partial<ThroneType>) => void\r\n}\r\n\r\nlet hasAuth: ThroneType['hasAuth'] = () => {\r\n  throw new OrionError(`Throne.hasAuth not configured!`)\r\n}\r\n\r\nlet getIcon: ThroneType['getIcon'] = (iconId) => {\r\n  throw new OrionError(`Throne.getIcon not configured!`)\r\n}\r\n\r\nlet getCode: ThroneType['getCode'] = (codeName) => {\r\n  throw new OrionError(`Throne.getCode not configured!`)\r\n}\r\n\r\nconst Throne: ThroneType = {\r\n  hasAuth: (authId) => {\r\n    return hasAuth(authId)\r\n  },\r\n  getIcon: (iconId) => {\r\n    return getIcon(iconId)\r\n  },\r\n  getCode: (codeName) => {\r\n    return getCode(codeName)\r\n  },\r\n  impl: (throne) => {\r\n    if (throne.hasAuth) {\r\n      hasAuth = throne.hasAuth\r\n    }\r\n\r\n    if (throne.getIcon) {\r\n      getIcon = throne.getIcon\r\n    }\r\n\r\n    if (throne.getCode) {\r\n      getCode = throne.getCode\r\n    }\r\n  },\r\n}\r\n\r\nexport default Throne\r\n"],"names":["hasAuth","OrionError","getIcon","iconId","getCode","codeName","Throne","authId","throne"],"mappings":";AAYA,IAAIA,IAAiC,MAAM;AACnC,QAAA,IAAIC,EAAW,gCAAgC;AACvD,GAEIC,IAAiC,CAACC,MAAW;AACzC,QAAA,IAAIF,EAAW,gCAAgC;AACvD,GAEIG,IAAiC,CAACC,MAAa;AAC3C,QAAA,IAAIJ,EAAW,gCAAgC;AACvD;AAEA,MAAMK,IAAqB;AAAA,EACzB,SAAS,CAACC,MACDP,EAAQO,CAAM;AAAA,EAEvB,SAAS,CAACJ,MACDD,EAAQC,CAAM;AAAA,EAEvB,SAAS,CAACE,MACDD,EAAQC,CAAQ;AAAA,EAEzB,MAAM,CAACG,MAAW;AAChB,IAAIA,EAAO,YACTR,IAAUQ,EAAO,UAGfA,EAAO,YACTN,IAAUM,EAAO,UAGfA,EAAO,YACTJ,IAAUI,EAAO;AAAA,EAErB;AACF;"}

package/dist/components/Button/Button.vue.d.ts

@@ -1,2 +1,16 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Button/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,4 @@
+export interface ButtonGroupProps {
+    gutter?: boolean | string;
+    align?: 'left' | 'center' | 'right';
+}

package/dist/components/Button/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/components/Button/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Button/ButtonGroup/ButtonGroup.vue.d.ts

@@ -0,0 +1,17 @@
+import { ButtonGroupProps } from './ButtonGroup';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Button/ButtonGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './ButtonGroup';

package/dist/components/Button/ButtonGroup/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/dist/components/Button/ButtonGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Button/index.d.ts

@@ -1,2 +1,21 @@
-declare const _default: import('../_util').SFCWithInstall<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>> & {};
+import { default as ButtonGroup } from './ButtonGroup/ButtonGroup.vue';
+declare const _default: import('../_util').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{}> & Readonly<{}>, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})> & {
+    ButtonGroup: typeof ButtonGroup;
+};
 export default _default;

package/dist/components/Button/index.js

@@ -1,27 +1,45 @@
 import "lodash-es";
-import { defineComponent as u, onMounted as c, openBlock as s, createBlock as p, unref as _, withCtx as a, createTextVNode as l } from "vue";
-import { withInstall as m } from "../_util/vue/install.js";
-import { ElButton as d } from "element-plus";
-const f = /* @__PURE__ */ u({
+import { defineComponent as r, openBlock as n, createBlock as p, unref as u, withCtx as l, renderSlot as a, computed as m, createElementBlock as s, normalizeStyle as i, createVNode as c } from "vue";
+import { withInstall as f } from "../_util/vue/install.js";
+import { ElButton as _ } from "element-plus";
+import { S as d } from "../../index-BbsXWo7C.js";
+const g = /* @__PURE__ */ r({
   name: "OButton",
   __name: "Button",
   setup(o) {
-    return c(() => {
-      console.log("Button onMounted1");
-    }), (n, t) => (s(), p(_(d), null, {
-      default: a(() => t[0] || (t[0] = [
-        l("XX")
-      ])),
-      _: 1
+    return (t, e) => (n(), p(u(_), null, {
+      default: l(() => [
+        a(t.$slots, "default")
+      ]),
+      _: 3
     }));
   }
-}), i = (o, n) => {
-  const t = o.__vccOpts || o;
-  for (const [e, r] of n)
-    t[e] = r;
-  return t;
-}, B = /* @__PURE__ */ i(f, [["__scopeId", "data-v-e59d2724"]]), w = m(B);
+}), B = /* @__PURE__ */ r({
+  name: "OButtongroup",
+  __name: "ButtonGroup",
+  props: {
+    gutter: { type: [Boolean, String] },
+    align: { default: "right" }
+  },
+  setup(o) {
+    const t = m(() => ({
+      textAlign: o.align
+    }));
+    return (e, h) => (n(), s("div", {
+      style: i(t.value)
+    }, [
+      c(u(d), { gutter: e.gutter }, {
+        default: l(() => [
+          a(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["gutter"])
+    ], 4));
+  }
+}), v = f(g, {
+  ButtonGroup: B
+});
 export {
-  w as default
+  v as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Button/Button.vue","../../../src/components/Button/index.ts"],"sourcesContent":["<template>\r\n  <el-button>XX</el-button>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { onMounted } from 'vue'\r\n\r\nimport { ElButton } from 'element-plus'\r\n\r\ndefineOptions({ name: 'OButton' })\r\n\r\nonMounted(() => {\r\n  console.log('Button onMounted1')\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.app {\r\n  p {\r\n    font-size: 32px;\r\n    color: aqua;\r\n  }\r\n  button {\r\n    color: red;\r\n  }\r\n}\r\n</style>\r\n","import { withInstall } from '../_util'\r\n\r\nimport Button from './Button.vue'\r\n\r\nexport default withInstall<typeof Button, {}>(Button)\r\n"],"names":["onMounted","index","withInstall","Button"],"mappings":";;;;;;;;AAUA,WAAAA,EAAU,MAAM;AACd,cAAQ,IAAI,mBAAmB;AAAA,IAAA,CAChC;;;;;;;;;;;;iECRcC,IAAAC,EAA+BC,CAAM;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Button/ButtonGroup/ButtonGroup.vue","../../../src/components/Button/index.ts"],"sourcesContent":["<template>\r\n  <div :style=\"style\">\r\n    <space :gutter=\"gutter\"> <slot></slot> </space>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, CSSProperties } from 'vue'\r\nimport type { ButtonGroupProps } from './ButtonGroup'\r\nimport Space from '../../Space'\r\n\r\ndefineOptions({ name: 'OButtongroup' })\r\n\r\nconst { gutter, align = 'right' } = defineProps<ButtonGroupProps>()\r\nconst style = computed<CSSProperties>(() => {\r\n  return {\r\n    textAlign: align\r\n  }\r\n})\r\n</script>\r\n","import { withInstall } from '../_util'\r\n\r\nimport Button from './Button.vue'\r\nimport ButtonGroup from './ButtonGroup/ButtonGroup.vue'\r\n\r\nexport default withInstall<typeof Button, { ButtonGroup: typeof ButtonGroup }>(Button, {\r\n  ButtonGroup\r\n})\r\n"],"names":["style","computed","__props","index","withInstall","Button","ButtonGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcM,UAAAA,IAAQC,EAAwB,OAC7B;AAAA,MACL,WAAWC;MAEd;;;;;;;;;;;;ICbcC,IAAAC,EAAgEC,GAAQ;AAAA,EAAA,aACrFC;AACF,CAAC;"}

package/dist/components/Form/Checkbox/Checkbox.d.ts

@@ -4,7 +4,6 @@ export interface CheckboxProps {
     label?: string;
     span?: number;
     labelWidth?: string | number;
-    required?: boolean;
     rules?: Arrayable<FormItemRule>;
     disabled?: boolean;
 }

package/dist/components/Form/DiyItem/DiyItem.d.ts

@@ -0,0 +1,9 @@
+import { FormItemRule, Arrayable } from '../Form';
+export interface DiyItemProps {
+    name: string;
+    label?: string;
+    span?: number;
+    labelWidth?: string | number;
+    required?: boolean;
+    rules?: Arrayable<FormItemRule>;
+}

package/dist/components/Form/DiyItem/DiyItem.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=DiyItem.js.map

package/dist/components/Form/DiyItem/DiyItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiyItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Form/DiyItem/DiyItem.vue.d.ts

@@ -0,0 +1,17 @@
+import { DiyItemProps } from './DiyItem';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DiyItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DiyItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Form/DiyItem/index.d.ts

@@ -0,0 +1 @@
+export * from './DiyItem';

package/dist/components/Form/DiyItem/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/dist/components/Form/DiyItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Form/FileInput/FileInput.vue.d.ts

@@ -1,6 +1,6 @@
 import { FileInputProps } from './FileInput';
 declare const _default: import('vue').DefineComponent<FileInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FileInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    fileRef: ({
+    inputRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -164,7 +164,7 @@ declare const _default: import('vue').DefineComponent<FileInputProps, {}, {}, {}
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
+        $emit: ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
             readonly ariaLabel: StringConstructor;

package/dist/components/Form/Form.d.ts

@@ -9,13 +9,16 @@ export interface FormProps {
     itemSpan?: number;
     itemLabelWidth?: string | number;
     disabled?: boolean;
+    modelValue: Record<string, any>;
 }
 export interface FormExpose {
     validate: () => Promise<boolean>;
 }
 export interface FormContext {
-    model: Record<string, any>;
+    modelValue: Record<string, any>;
+    updateModelValue: (name: string, value: any) => void;
     rules?: FormRules;
     itemSpan: number;
+    disabled?: boolean;
 }
 export declare const formContextKey: InjectionKey<FormContext>;

package/dist/components/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../src/components/Form/Form.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\r\nimport type { FormRules as ElFormRules, FormItemRule as ElFormItemRule } from 'element-plus'\r\nimport type { Arrayable as ElArrayable } from 'element-plus/es/utils/typescript'\r\n\r\nexport type FormRules = ElFormRules\r\nexport type FormItemRule = ElFormItemRule\r\nexport type Arrayable<T> = ElArrayable<T>\r\n\r\nexport interface FormProps {\r\n  rules?: FormRules\r\n  itemSpan?: number\r\n  itemLabelWidth?: string | number\r\n  disabled?: boolean\r\n}\r\n\r\nexport interface FormExpose {\r\n  validate: () => Promise<boolean>\r\n}\r\n\r\nexport interface FormContext {\r\n  model: Record<string, any>\r\n  rules?: FormRules\r\n  itemSpan: number\r\n}\r\n\r\nexport const formContextKey: InjectionKey<FormContext> = Symbol('formContextKey')\r\n"],"names":["formContextKey"],"mappings":"AAyBa,MAAAA,IAA4C,OAAO,gBAAgB;"}
+{"version":3,"file":"Form.js","sources":["../../../src/components/Form/Form.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\r\nimport type { FormRules as ElFormRules, FormItemRule as ElFormItemRule } from 'element-plus'\r\nimport type { Arrayable as ElArrayable } from 'element-plus/es/utils/typescript'\r\n\r\nexport type FormRules = ElFormRules\r\nexport type FormItemRule = ElFormItemRule\r\nexport type Arrayable<T> = ElArrayable<T>\r\n\r\nexport interface FormProps {\r\n  rules?: FormRules\r\n  itemSpan?: number\r\n  itemLabelWidth?: string | number\r\n  disabled?: boolean\r\n  modelValue: Record<string, any>\r\n}\r\n\r\nexport interface FormExpose {\r\n  validate: () => Promise<boolean>\r\n}\r\n\r\nexport interface FormContext {\r\n  modelValue: Record<string, any>\r\n  updateModelValue: (name: string, value: any) => void\r\n  rules?: FormRules\r\n  itemSpan: number\r\n  disabled?: boolean\r\n}\r\n\r\nexport const formContextKey: InjectionKey<FormContext> = Symbol('formContextKey')\r\n"],"names":["formContextKey"],"mappings":"AA4Ba,MAAAA,IAA4C,OAAO,gBAAgB;"}

package/dist/components/Form/Form.vue.d.ts

@@ -1,14 +1,10 @@
 import { FormProps } from './Form';
-declare let __VLS_typeProps: FormProps;
-type __VLS_PublicProps = {
-    modelValue?: Record<string, any>;
-} & typeof __VLS_typeProps;
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
     refs: {
-        formRef: ({
+        form: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -230,14 +226,14 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+declare const __VLS_component: import('vue').DefineComponent<FormProps, {
     validate: () => Promise<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: Record<string, any>) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: Record<string, any>) => any) | undefined;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<FormProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    formRef: ({
+    form: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{

package/dist/components/Form/Switch/Switch.d.ts

@@ -4,7 +4,6 @@ export interface SwitchProps {
     label?: string;
     span?: number;
     labelWidth?: string | number;
-    required?: boolean;
     rules?: Arrayable<FormItemRule>;
     disabled?: boolean;
 }

package/dist/components/Form/hooks/useForm.d.ts

@@ -1,7 +1,9 @@
-import { CodeItem } from '../../../Throne';
 declare const useFormContext: () => import('..').FormContext | undefined;
 declare const useFormSpan: () => import('vue').ComputedRef<number>;
 declare const useFormRules: () => import('vue').ComputedRef<import('element-plus').FormItemRule[]>;
 declare const useFormDisabled: () => import('vue').ComputedRef<boolean>;
 declare const useFormCode: () => import('vue').ComputedRef<CodeItem[]>;
-export { useFormContext, useFormSpan, useFormRules, useFormDisabled, useFormCode };
+declare const useFormDirectModel: () => import('vue').WritableComputedRef<string, string>;
+declare const useFormMultiModel: () => import('vue').WritableComputedRef<string[], string[]>;
+declare const useFormBooleanModel: () => import('vue').WritableComputedRef<boolean, boolean>;
+export { useFormContext, useFormSpan, useFormRules, useFormDisabled, useFormCode, useFormDirectModel, useFormMultiModel, useFormBooleanModel };

package/dist/components/Form/hooks/useForm.js

@@ -1,44 +1,81 @@
-import { inject as p, getCurrentInstance as s, computed as n } from "vue";
+import { inject as x, getCurrentInstance as s, computed as n } from "vue";
 import { formContextKey as C } from "../Form.js";
-import b from "../../../Throne/index.js";
-import { castArray as i, isString as g, isArray as x } from "lodash-es";
-import { formContextKey as y } from "element-plus";
-import l from "../../../error/OrionError.js";
-const f = () => p(C), O = () => {
-  const e = f(), { props: o } = s();
-  return n(() => o.span ? o.span : e.itemSpan);
-}, R = () => {
-  const e = f(), { props: o } = s(), { name: r, label: m, required: a } = o;
-  return n(() => {
-    const t = [];
-    let u = !0;
-    return a && (o.rules && (t.push(...i(o.rules)), u = !t.some((c) => Object.keys(c).includes("required"))), e.rules && e.rules[r] && (u = !i(e.rules[r]).some((d) => Object.keys(d).includes("required")))), u && t.push({
+import M from "../../../Throne/index.js";
+import { castArray as p, isString as V, isArray as F } from "lodash-es";
+import f from "../../../error/OrionError.js";
+const u = () => x(C), q = () => {
+  const e = u(), { props: r } = s();
+  return n(() => r.span ? r.span : e.itemSpan);
+}, v = () => {
+  const e = u(), { props: r, type: t } = s(), { name: o, label: l, required: c } = r;
+  let d = "change";
+  return t.extendOptions && t.extendOptions.trigger && (d = t.extendOptions.trigger), n(() => {
+    const i = [];
+    let a = !0;
+    return c && (r.rules && (i.push(...p(r.rules)), a = !i.some((m) => Object.keys(m).includes("required"))), e.rules && e.rules[o] && (a = !p(e.rules[o]).some((g) => Object.keys(g).includes("required")))), a && i.push({
       required: !0,
-      message: `必填项[${m || r}]不能为空`,
-      trigger: "blur"
-    }), t;
+      message: `必填项[${l || o}]不能为空`,
+      trigger: d
+    }), i;
   });
-}, S = () => {
-  const e = p(y), { props: o } = s(), { disabled: r } = o;
-  return n(() => e.disabled || r);
-}, k = () => {
+}, D = () => {
+  const e = u(), { props: r } = s(), { disabled: t } = r;
+  return n(() => e.disabled || t);
+}, R = () => {
   let e;
-  const { props: o } = s(), { code: r } = o;
-  if (r)
-    if (g(r))
-      e = b.getCode(r).value;
-    else if (x(r))
-      e = r;
+  const { props: r } = s(), { code: t } = r;
+  if (t)
+    if (V(t))
+      e = M.getCode(t).value;
+    else if (F(t))
+      e = t;
     else
-      throw new l("code类型错误");
-  else throw new l("code为空");
+      throw new f("code类型错误");
+  else throw new f("code为空");
   return n(() => e);
+}, S = () => {
+  const e = u(), { props: r } = s(), { name: t } = r;
+  return n({
+    get: () => {
+      const o = e.modelValue[t];
+      return o || "";
+    },
+    set: (o) => {
+      o ? e.updateModelValue(t, o) : e.updateModelValue(t, "");
+    }
+  });
+}, k = () => {
+  const e = u(), { props: r } = s(), { name: t } = r;
+  return n({
+    get: () => {
+      const o = e.modelValue[t];
+      return o ? o.split(",") : [];
+    },
+    set: (o) => {
+      o ? e.updateModelValue(t, o.join(",")) : e.updateModelValue(t, "");
+    }
+  });
+}, w = () => {
+  const e = u(), { props: r } = s(), { name: t } = r;
+  return n({
+    get: () => {
+      const o = e.modelValue[t];
+      return o ? o == "1" : !1;
+    },
+    set: (o) => {
+      const l = e.modelValue[t], c = o ? "1" : "0";
+      (l || o) && e.updateModelValue(t, c);
+    }
+  });
 };
 export {
-  k as useFormCode,
-  f as useFormContext,
-  S as useFormDisabled,
-  R as useFormRules,
-  O as useFormSpan
+  w as useFormBooleanModel,
+  R as useFormCode,
+  u as useFormContext,
+  S as useFormDirectModel,
+  D as useFormDisabled,
+  k as useFormMultiModel,
+  v as useFormRules,
+  q as useFormSpan
 };
 //# sourceMappingURL=useForm.js.map

package/dist/components/Form/hooks/useForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForm.js","sources":["../../../../src/components/Form/hooks/useForm.ts"],"sourcesContent":["import { inject, getCurrentInstance, computed } from 'vue'\r\nimport { formContextKey, FormItemRule } from '../Form'\r\nimport Throne, { CodeItem } from '../../../Throne'\r\nimport { castArray, isArray, isString } from 'lodash-es'\r\nimport { formContextKey as elFormContextKey } from 'element-plus'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\nconst useFormContext = () => {\r\n  return inject(formContextKey)\r\n}\r\n\r\nconst useFormSpan = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n\r\n  return computed(() => (props.span ? (props.span as number) : formContext.itemSpan))\r\n}\r\n\r\nconst useFormRules = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { name, label, required } = props\r\n\r\n  return computed(() => {\r\n    const rules: FormItemRule[] = []\r\n    let flag = true\r\n\r\n    if (required) {\r\n      if (props.rules) {\r\n        rules.push(...castArray(props.rules))\r\n        flag = !rules.some((rule) => Object.keys(rule).includes('required'))\r\n      }\r\n      if (formContext.rules && formContext.rules[name as string]) {\r\n        const formRules = castArray(formContext.rules[name as string])\r\n        flag = !formRules.some((rule) => Object.keys(rule).includes('required'))\r\n      }\r\n    }\r\n\r\n    if (flag) {\r\n      rules.push({\r\n        required: true,\r\n        message: `必填项[${label ? label : name}]不能为空`,\r\n        trigger: 'blur'\r\n      })\r\n    }\r\n\r\n    return rules\r\n  })\r\n}\r\n\r\nconst useFormDisabled = () => {\r\n  const elForm = inject(elFormContextKey)!\r\n  const { props } = getCurrentInstance()!\r\n  const { disabled } = props\r\n  return computed(() => elForm.disabled || (disabled as boolean))\r\n}\r\n\r\nconst useFormCode = () => {\r\n  let codeData: Array<CodeItem>\r\n  const { props } = getCurrentInstance()!\r\n  const { code } = props\r\n  if (!code) {\r\n    throw new OrionError('code为空')\r\n  } else if (isString(code)) {\r\n    codeData = Throne.getCode(code).value\r\n  } else if (isArray<CodeItem>(code)) {\r\n    codeData = code\r\n  } else {\r\n    throw new OrionError('code类型错误')\r\n  }\r\n  return computed(() => codeData)\r\n}\r\n\r\nexport { useFormContext, useFormSpan, useFormRules, useFormDisabled, useFormCode }\r\n"],"names":["useFormContext","inject","formContextKey","useFormSpan","formContext","props","getCurrentInstance","computed","useFormRules","name","label","required","rules","flag","castArray","rule","useFormDisabled","elForm","elFormContextKey","disabled","useFormCode","codeData","code","isString","Throne","isArray","OrionError"],"mappings":";;;;;;AAOA,MAAMA,IAAiB,MACdC,EAAOC,CAAc,GAGxBC,IAAc,MAAM;AACxB,QAAMC,IAAcJ,KACd,EAAE,OAAAK,MAAUC;AAElB,SAAOC,EAAS,MAAOF,EAAM,OAAQA,EAAM,OAAkBD,EAAY,QAAS;AACpF,GAEMI,IAAe,MAAM;AACzB,QAAMJ,IAAcJ,KACd,EAAE,OAAAK,MAAUC,KACZ,EAAE,MAAAG,GAAM,OAAAC,GAAO,UAAAC,EAAA,IAAaN;AAElC,SAAOE,EAAS,MAAM;AACpB,UAAMK,IAAwB,CAAA;AAC9B,QAAIC,IAAO;AAEX,WAAIF,MACEN,EAAM,UACRO,EAAM,KAAK,GAAGE,EAAUT,EAAM,KAAK,CAAC,GAC7BQ,IAAA,CAACD,EAAM,KAAK,CAACG,MAAS,OAAO,KAAKA,CAAI,EAAE,SAAS,UAAU,CAAC,IAEjEX,EAAY,SAASA,EAAY,MAAMK,CAAc,MAEhDI,IAAA,CADWC,EAAUV,EAAY,MAAMK,CAAc,CAAC,EAC3C,KAAK,CAACM,MAAS,OAAO,KAAKA,CAAI,EAAE,SAAS,UAAU,CAAC,KAIvEF,KACFD,EAAM,KAAK;AAAA,MACT,UAAU;AAAA,MACV,SAAS,OAAOF,KAAgBD,CAAI;AAAA,MACpC,SAAS;AAAA,IAAA,CACV,GAGIG;AAAA,EAAA,CACR;AACH,GAEMI,IAAkB,MAAM;AACtB,QAAAC,IAAShB,EAAOiB,CAAgB,GAChC,EAAE,OAAAb,MAAUC,KACZ,EAAE,UAAAa,EAAa,IAAAd;AACrB,SAAOE,EAAS,MAAMU,EAAO,YAAaE,CAAoB;AAChE,GAEMC,IAAc,MAAM;AACpB,MAAAC;AACE,QAAA,EAAE,OAAAhB,MAAUC,KACZ,EAAE,MAAAgB,EAAS,IAAAjB;AACjB,MAAKiB;AAEL,QAAWC,EAASD,CAAI;AACX,MAAAD,IAAAG,EAAO,QAAQF,CAAI,EAAE;AAAA,aACvBG,EAAkBH,CAAI;AACpB,MAAAD,IAAAC;AAAA;AAEL,YAAA,IAAII,EAAW,UAAU;AAAA,MANzB,OAAA,IAAIA,EAAW,QAAQ;AAQxB,SAAAnB,EAAS,MAAMc,CAAQ;AAChC;"}
+{"version":3,"file":"useForm.js","sources":["../../../../src/components/Form/hooks/useForm.ts"],"sourcesContent":["import { inject, getCurrentInstance, computed } from 'vue'\r\nimport { formContextKey, FormItemRule } from '../Form'\r\nimport Throne, { CodeItem } from '../../../Throne'\r\nimport { castArray, isArray, isDate, isString } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\nimport dayjs from 'dayjs'\r\n\r\nconst useFormContext = () => {\r\n  return inject(formContextKey)\r\n}\r\n\r\nconst useFormSpan = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n\r\n  return computed(() => (props.span ? (props.span as number) : formContext.itemSpan))\r\n}\r\n\r\nconst useFormRules = () => {\r\n  const formContext = useFormContext()!\r\n  const { props, type } = getCurrentInstance()!\r\n  const { name, label, required } = props\r\n  let trigger = 'change'\r\n  if (type['extendOptions'] && type['extendOptions']['trigger']) {\r\n    trigger = type['extendOptions']['trigger']\r\n  }\r\n\r\n  return computed(() => {\r\n    const rules: FormItemRule[] = []\r\n    let flag = true\r\n\r\n    if (required) {\r\n      if (props.rules) {\r\n        rules.push(...castArray(props.rules))\r\n        flag = !rules.some((rule) => Object.keys(rule).includes('required'))\r\n      }\r\n      if (formContext.rules && formContext.rules[name as string]) {\r\n        const formRules = castArray(formContext.rules[name as string])\r\n        flag = !formRules.some((rule) => Object.keys(rule).includes('required'))\r\n      }\r\n    }\r\n\r\n    if (flag) {\r\n      rules.push({\r\n        required: true,\r\n        message: `必填项[${label ? label : name}]不能为空`,\r\n        trigger: trigger\r\n      })\r\n    }\r\n\r\n    return rules\r\n  })\r\n}\r\n\r\nconst useFormDisabled = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { disabled } = props\r\n  return computed(() => formContext.disabled || (disabled as boolean))\r\n}\r\n\r\nconst useFormCode = () => {\r\n  let codeData: Array<CodeItem>\r\n  const { props } = getCurrentInstance()!\r\n  const { code } = props\r\n  if (!code) {\r\n    throw new OrionError('code为空')\r\n  } else if (isString(code)) {\r\n    codeData = Throne.getCode(code).value\r\n  } else if (isArray<CodeItem>(code)) {\r\n    codeData = code\r\n  } else {\r\n    throw new OrionError('code类型错误')\r\n  }\r\n  return computed(() => codeData)\r\n}\r\n\r\nconst useFormDirectModel = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { name } = props\r\n\r\n  return computed<string>({\r\n    get: () => {\r\n      const value = formContext.modelValue[name as string]\r\n      if (!value) {\r\n        return ''\r\n      }\r\n      return value as string\r\n    },\r\n    set: (newValue) => {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name as string, '')\r\n      } else {\r\n        formContext.updateModelValue(name as string, newValue)\r\n      }\r\n    }\r\n  })\r\n}\r\n\r\nconst useFormMultiModel = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { name } = props\r\n\r\n  return computed<string[]>({\r\n    get: () => {\r\n      const value = formContext.modelValue[name as string]\r\n      if (!value) {\r\n        return []\r\n      }\r\n      return (value as string).split(',')\r\n    },\r\n    set: (newValue) => {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name as string, '')\r\n      } else {\r\n        formContext.updateModelValue(name as string, newValue.join(','))\r\n      }\r\n    }\r\n  })\r\n}\r\n\r\nconst useFormBooleanModel = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { name } = props\r\n\r\n  return computed<boolean>({\r\n    get: () => {\r\n      const value = formContext.modelValue[name as string]\r\n      if (!value) {\r\n        return false\r\n      }\r\n      return (value as string) == '1'\r\n    },\r\n    set: (_newValue) => {\r\n      const oldValue = formContext.modelValue[name as string]\r\n      const newValue = _newValue ? '1' : '0'\r\n      if (oldValue) {\r\n        formContext.updateModelValue(name as string, newValue)\r\n      } else {\r\n        if (_newValue) {\r\n          formContext.updateModelValue(name as string, newValue)\r\n        }\r\n      }\r\n    }\r\n  })\r\n}\r\n\r\nexport {\r\n  useFormContext,\r\n  useFormSpan,\r\n  useFormRules,\r\n  useFormDisabled,\r\n  useFormCode,\r\n  useFormDirectModel,\r\n  useFormMultiModel,\r\n  useFormBooleanModel\r\n}\r\n"],"names":["useFormContext","inject","formContextKey","useFormSpan","formContext","props","getCurrentInstance","computed","useFormRules","type","name","label","required","trigger","rules","flag","castArray","rule","useFormDisabled","disabled","useFormCode","codeData","code","isString","Throne","isArray","OrionError","useFormDirectModel","value","newValue","useFormMultiModel","useFormBooleanModel","_newValue","oldValue"],"mappings":"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"}

package/dist/components/Form/index.d.ts

@@ -10,21 +10,18 @@ import { default as Switch } from './Switch/Switch.vue';
 import { default as DateInput } from './DateInput/DateInput.vue';
 import { default as FileInput } from './FileInput/FileInput.vue';
 import { default as ButtonGroup } from './ButtonGroup/ButtonGroup.vue';
+import { default as DiyItem } from './DiyItem/DiyItem.vue';
 declare const _default: import('../_util').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: Record<string, any>;
-    } & import('./Form').FormProps> & Readonly<{
-        "onUpdate:modelValue"?: ((modelValue: Record<string, any>) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Form').FormProps> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
         validate: () => Promise<boolean>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (modelValue: Record<string, any>) => any;
-    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
-        modelValue?: Record<string, any>;
-    } & import('./Form').FormProps> & Readonly<{
-        "onUpdate:modelValue"?: ((modelValue: Record<string, any>) => any) | undefined;
+        "update:modelValue": (...args: any[]) => void;
+    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('./Form').FormProps> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        formRef: ({
+        form: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -249,24 +246,20 @@ declare const _default: import('../_util').SFCWithInstall<{
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
-        modelValue?: Record<string, any>;
-    } & import('./Form').FormProps> & Readonly<{
-        "onUpdate:modelValue"?: ((modelValue: Record<string, any>) => any) | undefined;
+    }, Readonly<import('./Form').FormProps> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
         validate: () => Promise<boolean>;
     }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
-    modelValue?: Record<string, any>;
-} & import('./Form').FormProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: Record<string, any>) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('./Form').FormProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     validate: () => Promise<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: Record<string, any>) => any;
+    "update:modelValue": (...args: any[]) => void;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
@@ -284,6 +277,7 @@ declare const _default: import('../_util').SFCWithInstall<{
     DateInput: typeof DateInput;
     FileInput: typeof FileInput;
     ButtonGroup: typeof ButtonGroup;
+    DiyItem: typeof DiyItem;
 };
 export default _default;
 export * from './Form';
@@ -299,3 +293,4 @@ export * from './Switch';
 export * from './DateInput';
 export * from './FileInput';
 export * from './ButtonGroup';
+export * from './DiyItem';