@fangzhongya/fang-ui 0.0.57 → 0.0.58

package/dist/components/forms-div/index.d.ts

@@ -1,2 +1,4 @@
-declare const FormsDiv: any;
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const FormsDiv: SFCWithInstall<DefineComponent<{}, {}, any>>;
 export { FormsDiv, FormsDiv as default };

package/dist/components/forms-drag/index.d.ts

@@ -1,2 +1,4 @@
-declare const FormsDrag: any;
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const FormsDrag: SFCWithInstall<DefineComponent<{}, {}, any>>;
 export { FormsDrag, FormsDrag as default };

package/dist/components/forms-item/index.d.ts

@@ -1,2 +1,4 @@
-declare const FormsItem: any;
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const FormsItem: SFCWithInstall<DefineComponent<{}, {}, any>>;
 export { FormsItem, FormsItem as default };

package/dist/components/forms-items/index.d.ts

@@ -1,2 +1,4 @@
-declare const FormsItems: any;
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const FormsItems: SFCWithInstall<DefineComponent<{}, {}, any>>;
 export { FormsItems, FormsItems as default };

package/dist/components/global-config/index.d.ts

@@ -1,16 +1,24 @@
 import { SFCWithInstall } from '../../utils/vues';
-import { DefineComponent, ExtractPropTypes, PropType, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ExtractPropTypes, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { Locale } from '../../types/locale';
 import { DefaultConfig } from '../../utils/enums';
 declare const GlobalConfig: SFCWithInstall<DefineComponent<ExtractPropTypes<{
     locale: {
-        type: PropType<Locale>;
+        type: (StringConstructor | (() => Locale))[];
+        default(): "zh-cn";
+    };
+    size: {
+        type: () => "large" | "default" | "small";
+        default(): "default";
     };
     zIndex: NumberConstructor;
     cssname: {
         type: StringConstructor;
         default: DefaultConfig;
     };
+    element: {
+        type: BooleanConstructor;
+    };
     namespace: {
         type: StringConstructor;
         default: DefaultConfig;
@@ -23,13 +31,21 @@ declare const GlobalConfig: SFCWithInstall<DefineComponent<ExtractPropTypes<{
     [key: string]: any;
 }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     locale: {
-        type: PropType<Locale>;
+        type: (StringConstructor | (() => Locale))[];
+        default(): "zh-cn";
+    };
+    size: {
+        type: () => "large" | "default" | "small";
+        default(): "default";
     };
     zIndex: NumberConstructor;
     cssname: {
         type: StringConstructor;
         default: DefaultConfig;
     };
+    element: {
+        type: BooleanConstructor;
+    };
     namespace: {
         type: StringConstructor;
         default: DefaultConfig;
@@ -39,7 +55,10 @@ declare const GlobalConfig: SFCWithInstall<DefineComponent<ExtractPropTypes<{
         default: DefaultConfig;
     };
 }>> & Readonly<{}>, {
+    size: "default" | "large" | "small";
+    locale: string | Locale;
     cssname: string;
+    element: boolean;
     namespace: string;
     alias: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>>;

package/dist/components/global-config/src/data.cjs

@@ -1,15 +1,27 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
-const definePropType = require("../../../utils/vues/definePropType.cjs");
+require("../../../utils/vues/definePropType.cjs");
 const enums = require("../../../utils/enums.cjs");
 const dataProps = buildProps.buildProps({
   /**
-   * @props { Object<Locale> } locale
+   * @props { Object<Locale>, String } locale
    * @description 国际化对象
    */
   locale: {
-    type: definePropType.definePropType(Object)
+    type: [String, Object],
+    default() {
+      return "zh-cn";
+    }
+  },
+  /**
+   * @props { Number } size='default' ('large' | 'default' | 'small')
+   */
+  size: {
+    type: String,
+    default() {
+      return "default";
+    }
   },
   /**
    * @props { Number } zIndex
@@ -23,6 +35,13 @@ const dataProps = buildProps.buildProps({
     type: String,
     default: enums.DefaultConfig.aliasspace
   },
+  /**
+   * @props { Boolean } element
+   * 是否合并element配置
+   */
+  element: {
+    type: Boolean
+  },
   /**
    * @props { String } namespace
    * element-plus 前缀样式名称

package/dist/components/global-config/src/data.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPublicPropTypes, PropType } from 'vue';
+import { ExtractPublicPropTypes } from 'vue';
 import { Locale } from '../../../types/locale';
 import { DefaultConfig } from '../../../utils/enums';
 /**
@@ -6,11 +6,19 @@ import { DefaultConfig } from '../../../utils/enums';
  */
 export declare const dataProps: {
     /**
-     * @props { Object<Locale> } locale
+     * @props { Object<Locale>, String } locale
      * @description 国际化对象
      */
     locale: {
-        type: PropType<Locale>;
+        type: (StringConstructor | (() => Locale))[];
+        default(): "zh-cn";
+    };
+    /**
+     * @props { Number } size='default' ('large' | 'default' | 'small')
+     */
+    size: {
+        type: () => "large" | "default" | "small";
+        default(): "default";
     };
     /**
      * @props { Number } zIndex
@@ -24,6 +32,13 @@ export declare const dataProps: {
         type: StringConstructor;
         default: DefaultConfig;
     };
+    /**
+     * @props { Boolean } element
+     * 是否合并element配置
+     */
+    element: {
+        type: BooleanConstructor;
+    };
     /**
      * @props { String } namespace
      * element-plus 前缀样式名称

package/dist/components/global-config/src/data.js

@@ -1,13 +1,25 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
-import { definePropType } from "../../../utils/vues/definePropType.js";
+import "../../../utils/vues/definePropType.js";
 import { DefaultConfig } from "../../../utils/enums.js";
 const dataProps = buildProps({
   /**
-   * @props { Object<Locale> } locale
+   * @props { Object<Locale>, String } locale
    * @description 国际化对象
    */
   locale: {
-    type: definePropType(Object)
+    type: [String, Object],
+    default() {
+      return "zh-cn";
+    }
+  },
+  /**
+   * @props { Number } size='default' ('large' | 'default' | 'small')
+   */
+  size: {
+    type: String,
+    default() {
+      return "default";
+    }
   },
   /**
    * @props { Number } zIndex
@@ -21,6 +33,13 @@ const dataProps = buildProps({
     type: String,
     default: DefaultConfig.aliasspace
   },
+  /**
+   * @props { Boolean } element
+   * 是否合并element配置
+   */
+  element: {
+    type: Boolean
+  },
   /**
    * @props { String } namespace
    * element-plus 前缀样式名称

package/dist/components/global-config/src/index.cjs

@@ -3,13 +3,38 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const data = require("./data.cjs");
 const index = require("../../../hooks/global-config/index.cjs");
 const vue = require("vue");
+const ElConfigProvider = require("element-plus/es/components/config-provider/index");
+const zhCn = require("element-plus/es/locale/lang/zh-cn");
 const SrcVue = vue.defineComponent({
   props: data.dataProps,
   setup(props, { slots }) {
     const config = index.provideGlobalConfig(props);
-    return () => vue.renderSlot(slots, "default", {
-      config: config == null ? void 0 : config.value
-    });
+    return () => {
+      if (props.element) {
+        let is = false;
+        if (typeof props.locale === "string") {
+          if (props.locale == "zh-cn") {
+            is = true;
+          }
+        }
+        return vue.h(
+          ElConfigProvider,
+          {
+            size: props.size,
+            zIndex: props.zIndex,
+            namespace: props.namespace,
+            locale: is ? zhCn : void 0
+          },
+          vue.renderSlot(slots, "default", {
+            config: config == null ? void 0 : config.value
+          })
+        );
+      } else {
+        return vue.renderSlot(slots, "default", {
+          config: config == null ? void 0 : config.value
+        });
+      }
+    };
   }
 });
 exports.default = SrcVue;

package/dist/components/global-config/src/index.d.ts

@@ -1,15 +1,23 @@
-import { DefineComponent, ExtractPropTypes, PropType, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ExtractPropTypes, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { Locale } from '../../../types/locale';
 import { DefaultConfig } from '../../../utils/enums';
 declare const _default: DefineComponent<ExtractPropTypes<{
     locale: {
-        type: PropType<Locale>;
+        type: (StringConstructor | (() => Locale))[];
+        default(): "zh-cn";
+    };
+    size: {
+        type: () => "large" | "default" | "small";
+        default(): "default";
     };
     zIndex: NumberConstructor;
     cssname: {
         type: StringConstructor;
         default: DefaultConfig;
     };
+    element: {
+        type: BooleanConstructor;
+    };
     namespace: {
         type: StringConstructor;
         default: DefaultConfig;
@@ -22,13 +30,21 @@ declare const _default: DefineComponent<ExtractPropTypes<{
     [key: string]: any;
 }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     locale: {
-        type: PropType<Locale>;
+        type: (StringConstructor | (() => Locale))[];
+        default(): "zh-cn";
+    };
+    size: {
+        type: () => "large" | "default" | "small";
+        default(): "default";
     };
     zIndex: NumberConstructor;
     cssname: {
         type: StringConstructor;
         default: DefaultConfig;
     };
+    element: {
+        type: BooleanConstructor;
+    };
     namespace: {
         type: StringConstructor;
         default: DefaultConfig;
@@ -38,7 +54,10 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         default: DefaultConfig;
     };
 }>> & Readonly<{}>, {
+    size: "default" | "large" | "small";
+    locale: string | Locale;
     cssname: string;
+    element: boolean;
     namespace: string;
     alias: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/dist/components/global-config/src/index.js

@@ -1,13 +1,38 @@
 import { dataProps } from "./data.js";
 import { provideGlobalConfig } from "../../../hooks/global-config/index.js";
-import { defineComponent, renderSlot } from "vue";
+import { defineComponent, h, renderSlot } from "vue";
+import ElConfigProvider from "element-plus/es/components/config-provider/index";
+import zhCn from "element-plus/es/locale/lang/zh-cn";
 const SrcVue = defineComponent({
   props: dataProps,
   setup(props, { slots }) {
     const config = provideGlobalConfig(props);
-    return () => renderSlot(slots, "default", {
-      config: config == null ? void 0 : config.value
-    });
+    return () => {
+      if (props.element) {
+        let is = false;
+        if (typeof props.locale === "string") {
+          if (props.locale == "zh-cn") {
+            is = true;
+          }
+        }
+        return h(
+          ElConfigProvider,
+          {
+            size: props.size,
+            zIndex: props.zIndex,
+            namespace: props.namespace,
+            locale: is ? zhCn : void 0
+          },
+          renderSlot(slots, "default", {
+            config: config == null ? void 0 : config.value
+          })
+        );
+      } else {
+        return renderSlot(slots, "default", {
+          config: config == null ? void 0 : config.value
+        });
+      }
+    };
   }
 });
 export {

package/dist/components/history/index.cjs

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

package/dist/components/history/index.css

@@ -1,14 +1,24 @@
-.history[data-v-135e454b] {
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.history {
   display: flex;
 }
-.history .history-icon[data-v-135e454b] {
+.history-icon {
   cursor: pointer;
 }
-.history .history-icon.is-disabled[data-v-135e454b] {
+.history-icon.is-disabled {
   opacity: 0.4;
   cursor: not-allowed;
-}
-.history .history-icon svg[data-v-135e454b] {
-  width: 1rem;
-  height: 1rem;
 }

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

@@ -1,2 +1,4 @@
-declare const History: any;
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const History: SFCWithInstall<DefineComponent<{}, {}, any>>;
 export { History, History as default };

package/dist/components/history/index.js

@@ -1,6 +1,8 @@
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
-import SrcVue from "./src/index.js";
-const History = withInstall(SrcVue, "History");
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
+const History = withInstall(_sfc_main, "History");
 export {
   History,
   History as default

package/dist/components/history/index.scss

@@ -0,0 +1,13 @@
+@use '../scss/common.scss' as *;
+
+$history: 'history';
+@include b($history) {
+	display: flex;
+	&-icon {
+		cursor: pointer;
+		&.is-disabled {
+			opacity: 0.4;
+			cursor: not-allowed;
+		}
+	}
+}

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

@@ -1,7 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
-;/* empty css         */
-const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
-const SrcVue = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-135e454b"]]);
-exports.default = SrcVue;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/history/src/index.js

@@ -1,7 +1,4 @@
 import _sfc_main from "./index2.js";
-/* empty css       */
-import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const SrcVue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-135e454b"]]);
 export {
-  SrcVue as default
+  _sfc_main as default
 };

package/dist/components/history/src/index2.cjs

@@ -90,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).iconRetreat, {}, () => [
               vue.createVNode(left.default)
-            ], true)
+            ])
           ]),
           _: 3
         }, 8, ["class"]),
@@ -105,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).iconForward, {}, () => [
               vue.createVNode(right.default)
-            ], true)
+            ])
           ]),
           _: 3
         }, 8, ["class"])

package/dist/components/history/src/index2.js

@@ -88,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             renderSlot(_ctx.$slots, unref(dataSlot).iconRetreat, {}, () => [
               createVNode(Left)
-            ], true)
+            ])
           ]),
           _: 3
         }, 8, ["class"]),
@@ -103,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             renderSlot(_ctx.$slots, unref(dataSlot).iconForward, {}, () => [
               createVNode(Right)
-            ], true)
+            ])
           ]),
           _: 3
         }, 8, ["class"])

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

@@ -1,2 +1,4 @@
-declare const Icon: any;
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const Icon: SFCWithInstall<DefineComponent<{}, {}, any>>;
 export { Icon, Icon as default };

package/dist/components/icon-picker/index.cjs

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

package/dist/components/icon-picker/index.css

@@ -0,0 +1,76 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.icon-picker {
+  height: 30px;
+}
+.icon-picker-span {
+  width: 30px;
+  height: 30px;
+  border: 1px solid var(--border);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.icon-picker .icon-picker-dialog {
+  --on-icon-picker: rgb(91, 189, 246);
+  --border-icon-picker: #eee;
+  display: flex;
+  flex-direction: column;
+}
+.icon-picker .icon-picker-dialog-search {
+  height: 30px;
+  display: flex;
+}
+.icon-picker .icon-picker-dialog-delete {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+.icon-picker .icon-picker-dialog-input {
+  flex: 1;
+}
+.icon-picker .icon-picker-dialog-body {
+  flex: 1;
+}
+.icon-picker .icon-picker-dialog-list {
+  max-height: 50vh;
+  overflow-y: auto;
+  display: flex;
+  flex-wrap: wrap;
+}
+.icon-picker .icon-picker-dialog-list-item {
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  cursor: pointer;
+}
+.icon-picker .icon-picker-dialog-list-item:hover {
+  color: var(--on-icon-picker);
+}
+.icon-picker .icon-picker-dialog-list-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.icon-picker .icon-picker-dialog-list-icon.active {
+  color: var(--on-icon-picker);
+}
+.icon-picker .icon-picker-dialog-tbxzqbotton {
+  display: block;
+  text-align: right;
+}

package/dist/components/icon-picker/index.d.ts

@@ -1,2 +1,4 @@
-declare const IconPicker: any;
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const IconPicker: SFCWithInstall<DefineComponent<{}, {}, any>>;
 export { IconPicker, IconPicker as default };

package/dist/components/icon-picker/index.js

@@ -1,3 +1,4 @@
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
 import "./src/index.js";
 import _sfc_main from "./src/index2.js";

package/dist/components/icon-picker/index.scss

@@ -0,0 +1,65 @@
+@use '../scss/common.scss' as *;
+
+$icon-picker: 'icon-picker';
+@include b($icon-picker) {
+	height: 30px;
+	&-span {
+		width: 30px;
+		height: 30px;
+		border: 1px solid var(--#{$cssname}border);
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		cursor: pointer;
+	}
+	.#{z($icon-picker, 'dialog')} {
+		#{vdm($icon-picker, 'on')}: rgb(91, 189, 246);
+		#{vdm($icon-picker, 'border')}: #eee;
+		display: flex;
+		flex-direction: column;
+		&-search {
+			height: 30px;
+			display: flex;
+		}
+		&-delete {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			justify-content: flex-end;
+		}
+		&-input {
+			flex: 1;
+		}
+		&-body {
+			flex: 1;
+		}
+		&-list {
+			max-height: 50vh;
+			overflow-y: auto;
+			display: flex;
+			flex-wrap: wrap;
+			&-item {
+				padding: 10px;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				cursor: pointer;
+				&:hover {
+					color: var(#{vdm($icon-picker, 'on')});
+				}
+			}
+			&-icon {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				&.active {
+					color: var(#{vdm($icon-picker, 'on')});
+				}
+			}
+		}
+		&-tbxzqbotton {
+			display: block;
+			text-align: right;
+		}
+	}
+}