@fangzhongya/fang-ui 0.0.11 → 0.0.13

package/dist/components/box-mask/index.js

@@ -1,4 +1,4 @@
-/* empty css               */
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
 const BoxMask = withInstall(_sfc_main, "BoxMask");

package/dist/components/box-mask/index.scss

@@ -1,7 +1,8 @@
 // @use '../common.scss' as *;
-@use '../common.scss' as *;
+@use '../css/common.scss' as *;
 
-.#{$namespace}box-mask {
+$box-mask: 'box-mask';
+@include b($box-mask) {
 	display: block;
 	opacity: 0.5;
 	z-index: 0;

package/dist/components/box-mask/src/index.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+const require$$0 = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const cs = index.useCssName("box-mask");
     const props = __props;
-    const setCss = vue.computed(() => {
+    const setCss = require$$0.computed(() => {
       if (props.cssprefix) {
         return props.cssprefix + "-mask";
       } else {
@@ -21,8 +21,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([vue.unref(cs).z(), setCss.value])
+      return require$$0.openBlock(), require$$0.createElementBlock("div", {
+        class: require$$0.normalizeClass([require$$0.unref(cs).z(), setCss.value])
       }, null, 2);
     };
   }

package/dist/components/box-teleport/index.d.ts

@@ -1,4 +1,4 @@
-declare const BoxTeleport: import('../../utils/vues').WithInstall<{
+declare const BoxTeleport: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         to: {
             type: StringConstructor;
@@ -57,5 +57,5 @@ declare const BoxTeleport: import('../../utils/vues').WithInstall<{
     $slots: {
         default?(_: {}): any;
     };
-})> & Record<string, any>;
+}) & import('vue').Plugin;
 export { BoxTeleport, BoxTeleport as default };

package/dist/components/box-teleport/src/data.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPublicPropTypes } from 'vue';
-import { FunctConfig } from '../../utils/enums';
+import { FunctConfig } from '../../../utils/enums';
 export declare const dataProps: {
     /**
      * @props { String } to= (配置值 )

package/dist/components/box-teleport/src/index.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+const require$$0 = require("vue");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const enums = require("../../../utils/enums.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -22,12 +22,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Teleport, {
-        class: vue.normalizeClass(vue.unref(cs).z()),
+      return require$$0.openBlock(), require$$0.createBlock(require$$0.Teleport, {
+        class: require$$0.normalizeClass(require$$0.unref(cs).z()),
         disabled: props.disabled,
         to: props.to
       }, [
-        vue.renderSlot(_ctx.$slots, "default")
+        require$$0.renderSlot(_ctx.$slots, "default")
       ], 8, ["class", "disabled", "to"]);
     };
   }

package/dist/components/box-teleport/src/index.d.ts

@@ -1,4 +1,4 @@
-import { FunctConfig } from '../../utils/enums';
+import { FunctConfig } from '../../../utils/enums';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {

package/dist/components/box-title/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-;/* empty css                 */
+;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
 const BoxTitle = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "BoxTitle");

package/dist/components/box-title/index.css

@@ -1,8 +1,23 @@
-.com {
+:root {
+  --el-icon-picker-on: rgb(91, 189, 246);
+  --el-icon-picker-border: #eee;
+  --el-color-primary: #409eff;
+  --el-bag-primary: #409eff;
+  --el-bag-primary-text: #fff;
+  --el-border: #eee;
+  --el-layout-panel-gap: 10px;
+  --el-layout-panel-padding: 20px;
+  --el-layout-form-item-padding-right: var(
+  	--el-layout-panel-gap
+  );
+  --el-g-main-bg: var(--el-bg-color-page);
+}
+
+.el-com {
   font-size: 20px;
 }
 
-.box-title {
+.el-box-title {
   padding: 10px;
   position: relative;
   background-color: #467ddc;
@@ -10,16 +25,16 @@
   align-items: center;
   display: flex;
 }
-.box-title .box-title-name {
+.el-box-title-name {
   flex: 1;
 }
-.box-title .box-title-close {
+.el-box-title-close {
   right: 10px;
   font-size: 18px;
   display: flex;
   align-items: center;
 }
-.box-title .box-title-close i {
+.el-box-title-close i {
   width: 20px;
   height: 20px;
   margin: 0 4px;

package/dist/components/box-title/index.d.ts

@@ -1,4 +1,4 @@
-declare const BoxTitle: import('../../utils/vues').WithInstall<{
+declare const BoxTitle: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         title: {
             type: StringConstructor;
@@ -35,5 +35,5 @@ declare const BoxTitle: import('../../utils/vues').WithInstall<{
     $slots: {
         icon?(_: {}): any;
     };
-})> & Record<string, any>;
+}) & import('vue').Plugin;
 export { BoxTitle, BoxTitle as default };

package/dist/components/box-title/index.js

@@ -1,4 +1,4 @@
-/* empty css               */
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
 const BoxTitle = withInstall(_sfc_main, "BoxTitle");

package/dist/components/box-title/index.scss

@@ -1,17 +1,18 @@
 // @use '../common.scss' as *;
-@use '../common.scss' as *;
+@use '../css/common.scss' as *;
 
-.#{$namespace}box-title {
+$box-title: 'box-title';
+@include b($box-title) {
 	padding: 10px;
 	position: relative;
 	background-color: #467ddc;
 	color: #fff;
 	align-items: center;
 	display: flex;
-	.#{$namespace}box-title-name {
+	&-name {
 		flex: 1;
 	}
-	.#{$namespace}box-title-close {
+	&-close {
 		right: 10px;
 		font-size: 18px;
 		display: flex;

package/dist/components/box-title/src/index.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+const require$$0 = require("vue");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const _hoisted_1 = ["title"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -21,26 +21,26 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z())
+      return require$$0.openBlock(), require$$0.createElementBlock("div", {
+        class: require$$0.normalizeClass(require$$0.unref(cs).z())
       }, [
-        vue.createElementVNode("span", {
-          class: vue.normalizeClass(vue.unref(cs).z("name"))
-        }, vue.toDisplayString(props.title), 3),
-        vue.createElementVNode("span", {
-          class: vue.normalizeClass(vue.unref(cs).z("close"))
+        require$$0.createElementVNode("span", {
+          class: require$$0.normalizeClass(require$$0.unref(cs).z("name"))
+        }, require$$0.toDisplayString(props.title), 3),
+        require$$0.createElementVNode("span", {
+          class: require$$0.normalizeClass(require$$0.unref(cs).z("close"))
         }, [
-          vue.renderSlot(_ctx.$slots, "icon"),
-          vue.createElementVNode("i", {
+          require$$0.renderSlot(_ctx.$slots, "icon"),
+          require$$0.createElementVNode("i", {
             onClick: onClose,
-            class: vue.normalizeClass(vue.unref(cs).z("close-i")),
-            title: vue.unref(getLocale)("close")
+            class: require$$0.normalizeClass(require$$0.unref(cs).z("close-i")),
+            title: require$$0.unref(getLocale)("close")
           }, _cache[0] || (_cache[0] = [
-            vue.createElementVNode("svg", {
+            require$$0.createElementVNode("svg", {
               viewBox: "0 0 1024 1024",
               xmlns: "http://www.w3.org/2000/svg"
             }, [
-              vue.createElementVNode("path", {
+              require$$0.createElementVNode("path", {
                 fill: "currentColor",
                 d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
               })

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

@@ -1,4 +1,4 @@
-declare const Button: import('../../utils/vues').WithInstall<{
+declare const Button: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
         refEl: import('vue').Ref<any, any>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -12,32 +12,32 @@ declare const Button: import('../../utils/vues').WithInstall<{
                 readonly disabled: boolean;
                 readonly round: boolean;
                 readonly dark: boolean;
-                readonly type: "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger";
+                readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
                 readonly bg: boolean;
                 readonly loading: boolean;
                 readonly autofocus: boolean;
                 readonly tag: string | import('vue').Component;
                 readonly plain: boolean;
-                readonly autoInsertSpace: boolean;
                 readonly nativeType: "button" | "reset" | "submit";
                 readonly loadingIcon: string | import('vue').Component;
+                readonly autoInsertSpace: boolean;
             }> & Omit<{
-                readonly type: "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger";
+                readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
                 readonly link: boolean;
                 readonly circle: boolean;
                 readonly text: boolean;
                 readonly disabled: boolean;
                 readonly nativeType: "button" | "reset" | "submit";
                 readonly loading: boolean;
-                readonly plain: boolean;
                 readonly bg: boolean;
                 readonly autofocus: boolean;
-                readonly round: boolean;
                 readonly dark: boolean;
                 readonly tag: string | import('vue').Component;
                 readonly size?: ("" | "small" | "default" | "large") | undefined;
                 readonly icon?: (string | import('vue').Component) | undefined;
                 readonly loadingIcon?: (string | import('vue').Component) | undefined;
+                readonly plain?: boolean | undefined;
+                readonly round?: boolean | undefined;
                 readonly color?: string | undefined;
                 readonly autoInsertSpace?: boolean | undefined;
                 onClick?: ((evt: MouseEvent) => any) | undefined | undefined;
@@ -65,7 +65,7 @@ declare const Button: import('../../utils/vues').WithInstall<{
                 };
                 readonly disabled: BooleanConstructor;
                 readonly type: {
-                    readonly type: import('vue').PropType<"" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger">;
+                    readonly type: import('vue').PropType<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -95,12 +95,26 @@ declare const Button: import('../../utils/vues').WithInstall<{
                 } & {
                     readonly default: () => any;
                 };
-                readonly plain: BooleanConstructor;
+                readonly plain: {
+                    readonly type: import('vue').PropType<boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: undefined;
+                };
                 readonly text: BooleanConstructor;
                 readonly link: BooleanConstructor;
                 readonly bg: BooleanConstructor;
                 readonly autofocus: BooleanConstructor;
-                readonly round: BooleanConstructor;
+                readonly round: {
+                    readonly type: import('vue').PropType<boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: undefined;
+                };
                 readonly circle: BooleanConstructor;
                 readonly color: StringConstructor;
                 readonly dark: BooleanConstructor;
@@ -125,7 +139,7 @@ declare const Button: import('../../utils/vues').WithInstall<{
             }, {
                 ref: import('vue').Ref<HTMLButtonElement | undefined>;
                 size: import('vue').ComputedRef<"" | "small" | "default" | "large">;
-                type: import('vue').ComputedRef<"text" | "" | "default" | "success" | "warning" | "info" | "primary" | "danger">;
+                type: import('vue').ComputedRef<string>;
                 disabled: import('vue').ComputedRef<boolean>;
                 shouldAddSpace: import('vue').ComputedRef<boolean>;
             }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -137,15 +151,15 @@ declare const Button: import('../../utils/vues').WithInstall<{
                 readonly disabled: boolean;
                 readonly round: boolean;
                 readonly dark: boolean;
-                readonly type: "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger";
+                readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
                 readonly bg: boolean;
                 readonly loading: boolean;
                 readonly autofocus: boolean;
                 readonly tag: string | import('vue').Component;
                 readonly plain: boolean;
-                readonly autoInsertSpace: boolean;
                 readonly nativeType: "button" | "reset" | "submit";
                 readonly loadingIcon: string | import('vue').Component;
+                readonly autoInsertSpace: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -173,15 +187,15 @@ declare const Button: import('../../utils/vues').WithInstall<{
             readonly disabled: boolean;
             readonly round: boolean;
             readonly dark: boolean;
-            readonly type: "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger";
+            readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
             readonly bg: boolean;
             readonly loading: boolean;
             readonly autofocus: boolean;
             readonly tag: string | import('vue').Component;
             readonly plain: boolean;
-            readonly autoInsertSpace: boolean;
             readonly nativeType: "button" | "reset" | "submit";
             readonly loadingIcon: string | import('vue').Component;
+            readonly autoInsertSpace: boolean;
         }> & Omit<Readonly<import('vue').ExtractPropTypes<{
             readonly size: {
                 readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
@@ -191,7 +205,7 @@ declare const Button: import('../../utils/vues').WithInstall<{
             };
             readonly disabled: BooleanConstructor;
             readonly type: {
-                readonly type: import('vue').PropType<"" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger">;
+                readonly type: import('vue').PropType<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -221,12 +235,26 @@ declare const Button: import('../../utils/vues').WithInstall<{
             } & {
                 readonly default: () => any;
             };
-            readonly plain: BooleanConstructor;
+            readonly plain: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
             readonly text: BooleanConstructor;
             readonly link: BooleanConstructor;
             readonly bg: BooleanConstructor;
             readonly autofocus: BooleanConstructor;
-            readonly round: BooleanConstructor;
+            readonly round: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
             readonly circle: BooleanConstructor;
             readonly color: StringConstructor;
             readonly dark: BooleanConstructor;
@@ -248,10 +276,10 @@ declare const Button: import('../../utils/vues').WithInstall<{
             };
         }>> & {
             onClick?: ((evt: MouseEvent) => any) | undefined;
-        }, "size" | "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & import('vue').ShallowUnwrapRef<{
+        }, "size" | "type" | "link" | "circle" | "text" | "ref" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "dark" | "autoInsertSpace" | "tag" | "shouldAddSpace"> & import('vue').ShallowUnwrapRef<{
             ref: import('vue').Ref<HTMLButtonElement | undefined>;
             size: import('vue').ComputedRef<"" | "small" | "default" | "large">;
-            type: import('vue').ComputedRef<"text" | "" | "default" | "success" | "warning" | "info" | "primary" | "danger">;
+            type: import('vue').ComputedRef<string>;
             disabled: import('vue').ComputedRef<boolean>;
             shouldAddSpace: import('vue').ComputedRef<boolean>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -278,5 +306,5 @@ declare const Button: import('../../utils/vues').WithInstall<{
     refEl: import('vue').Ref<any, any>;
 }, {}, {}, {}, 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: Partial<Record<string, (_: {}) => any>>;
-})> & Record<string, any>;
+}) & import('vue').Plugin;
 export { Button, Button as default };

package/dist/components/button/src/index.cjs

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+const require$$0 = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/locale/index.cjs");
 const elementPlus = require("element-plus");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const refEl = vue.ref();
-    const attrs = vue.useAttrs();
-    const slots = vue.useSlots();
+    const refEl = require$$0.ref();
+    const attrs = require$$0.useAttrs();
+    const slots = require$$0.useSlots();
     const cs = index.useCssName("button");
     index$1.useLocale();
     const emit = __emit;
@@ -24,19 +24,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       refEl
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z())
+      return require$$0.openBlock(), require$$0.createElementBlock("div", {
+        class: require$$0.normalizeClass(require$$0.unref(cs).z())
       }, [
-        vue.createVNode(vue.unref(elementPlus.ElButton), vue.mergeProps(vue.unref(attrs), {
-          onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => onClick($event), ["stop"])),
+        require$$0.createVNode(require$$0.unref(elementPlus.ElButton), require$$0.mergeProps(require$$0.unref(attrs), {
+          onClick: _cache[0] || (_cache[0] = require$$0.withModifiers(($event) => onClick($event), ["stop"])),
           ref_key: "refEl",
           ref: refEl
-        }), vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
+        }), require$$0.createSlots({ _: 2 }, [
+          require$$0.renderList(Object.keys(require$$0.unref(slots)), (k, i) => {
             return {
               name: k,
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, k)
+              fn: require$$0.withCtx(() => [
+                require$$0.renderSlot(_ctx.$slots, k)
               ])
             };
           })