@fangzhongya/fang-ui 0.1.10 → 0.1.11

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

@@ -1,3 +1,4 @@
+const name = "history";
 const dataProps = {
   /**
    * @props { String } modelValue= ( )
@@ -21,5 +22,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -1,33 +1,36 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$1 = require("../../icon/index.cjs");
+const index$2 = require("../../icon/index.cjs");
 const left = require("../../../icons/vue/left.cjs");
 const right = require("../../../icons/vue/right.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 require("../../../utils/util.cjs");
+const index$1 = require("../../../hooks/props-default/index.cjs");
 const deepCopy = require("@fangzhongya/utils/basic/object/deepCopy");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$1.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = index.useCssName("history");
-    const props = __props;
+    const cs = index.useCssName(data.name);
+    const prs = __props;
+    const props = index$1.usePropsDefault(data.name, prs, data.dataProps);
+    index$1.viewProps(props, data.name);
     const emit = __emit;
     const history = vue.ref([]);
-    const index$2 = vue.ref(0);
+    const index$3 = vue.ref(0);
     const current = vue.ref();
     const isRetreat = vue.computed(() => {
-      if (history.value.length > 0 && index$2.value <= history.value.length - 1) {
+      if (history.value.length > 0 && index$3.value <= history.value.length - 1) {
         return false;
       } else {
         return true;
       }
     });
     const isForward = vue.computed(() => {
-      if (history.value.length > 0 && index$2.value != 0) {
+      if (history.value.length > 0 && index$3.value != 0) {
         return false;
       } else {
         return true;
@@ -40,12 +43,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     );
     function getWz() {
-      return history.value.length - index$2.value;
+      return history.value.length - index$3.value;
     }
     function setRecord() {
-      if (index$2.value != 0) {
+      if (index$3.value != 0) {
         history.value.splice(getWz());
-        index$2.value = 0;
+        index$3.value = 0;
       }
       let v = props.modelValue;
       if (v && typeof v == "object") {
@@ -55,17 +58,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     function onRetreat() {
       if (!isRetreat.value) {
-        if (index$2.value === 0) {
+        if (index$3.value === 0) {
           current.value = props.modelValue;
         }
-        index$2.value++;
+        index$3.value++;
         emit("update:modelValue", history.value[getWz()]);
       }
     }
     function onForward() {
       if (!isForward.value) {
-        index$2.value--;
-        if (index$2.value == 0) {
+        index$3.value--;
+        if (index$3.value == 0) {
           emit("update:modelValue", current.value);
         } else {
           emit("update:modelValue", history.value[getWz()]);
@@ -79,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        vue.createVNode(vue.unref(index$1.Icon), {
+        vue.createVNode(vue.unref(index$2.Icon), {
           class: vue.normalizeClass([
             vue.unref(cs).z("icon"),
             vue.unref(cs).z("retreat"),
@@ -94,7 +97,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 3
         }, 8, ["class"]),
-        vue.createVNode(vue.unref(index$1.Icon), {
+        vue.createVNode(vue.unref(index$2.Icon), {
           class: vue.normalizeClass([
             vue.unref(cs).z("icon"),
             vue.unref(cs).z("forward"),

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

@@ -2,17 +2,20 @@ import { defineComponent, ref, computed, watch, createElementBlock, openBlock, n
 import { Icon } from "../../icon/index.js";
 import Left from "../../../icons/vue/left.js";
 import Right from "../../../icons/vue/right.js";
-import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import "../../../utils/util.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { deepCopy } from "@fangzhongya/utils/basic/object/deepCopy";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = useCssName("history");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const history = ref([]);
     const index = ref(0);

package/dist/components/icon/src/data.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../utils/index.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
 const definePropType = require("../../../utils/vues/definePropType.cjs");
+const name = "icon";
 const dataProps = buildProps.buildProps({
   /**
    * @props { String, Object } name= ( )
@@ -63,3 +64,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/icon/src/data.d.ts

@@ -1,6 +1,10 @@
 import { ExtractPropTypes, PropType } from 'vue';
 type Flip = 'horizontal' | 'vertical' | 'both' | '';
 export type IconType = 'css' | 'id' | 'img' | 'font' | 'str' | 'com';
+/**
+ * @title {h3} icon
+ */
+export declare const name = "icon";
 export declare const dataProps: {
     /**
      * @props { String, Object } name= ( )

package/dist/components/icon/src/data.js

@@ -1,6 +1,7 @@
 import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
 import { definePropType } from "../../../utils/vues/definePropType.js";
+const name = "icon";
 const dataProps = buildProps({
   /**
    * @props { String, Object } name= ( )
@@ -61,5 +62,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -3,19 +3,23 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 require("../../../hooks/index.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const _hoisted_1 = ["src"];
 const _hoisted_2 = ["innerHTML"];
 const _hoisted_3 = ["xlink:href"];
+const prefix = "icon-";
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$2.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("icon");
-    const props = __props;
+    const cs = index$1.useCssName(data.name);
+    const prs = __props;
+    const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
+    index$2.viewProps(props, data.name);
     const emit = __emit;
     const reg = /<svg([^>]*)>((.|\n|\r|\t)*)<\/svg>/g;
     const reg1 = /<path([^>]*)>((.|\n|\r|\t)*)<\/path>/g;
@@ -24,12 +28,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (props.type) {
         return props.type;
       } else {
-        const name = props.name || "";
-        if (typeof name == "object") {
+        const name2 = props.name || "";
+        if (typeof name2 == "object") {
           return "com";
-        } else if (reg.test(name) || reg1.test(name) || reg2.test(name)) {
+        } else if (reg.test(name2) || reg1.test(name2) || reg2.test(name2)) {
           return "str";
-        } else if (isImg(name)) {
+        } else if (isImg(name2)) {
           return "img";
         }
       }
@@ -62,53 +66,50 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return styleObj;
     });
+    const setPrefix = (name2) => {
+      if (name2.startsWith(prefix)) {
+        return name2;
+      } else {
+        return prefix + name2;
+      }
+    };
     const outputName = vue.computed(() => {
-      const name = props.name || "";
-      switch (outputType.value) {
-        case "str":
-          const m = name;
-          const rs = reg.exec(m);
-          const rs1 = reg1.exec(m) || reg2.exec(m);
-          if (rs && rs.length > 0) {
-            return rs[1];
-          } else if (rs1 && rs1.length > 0) {
-            return rs1[0];
-          } else {
-            return m;
-          }
-        case "css":
-          if (name.startsWith("icon-")) {
-            return name;
-          } else {
-            return "icon-" + name;
-          }
-        case "id":
-          if (name.startsWith("icon-")) {
-            return name;
-          } else {
-            return "icon-" + name;
-          }
-        case "font":
-          if (name.startsWith("icon-")) {
-            return name;
-          } else {
-            return "icon-" + name;
-          }
-        default:
-          return name;
+      const name2 = props.name;
+      if (typeof name2 == "string") {
+        switch (outputType.value) {
+          case "str":
+            const rs = reg.exec(name2);
+            const rs1 = reg1.exec(name2) || reg2.exec(name2);
+            if (rs && rs.length > 0) {
+              return rs[1];
+            } else if (rs1 && rs1.length > 0) {
+              return rs1[0];
+            } else {
+              return name2;
+            }
+          case "css":
+            return setPrefix(name2);
+          case "id":
+            return setPrefix(name2);
+          case "font":
+            return setPrefix(name2);
+          default:
+            return name2;
+        }
       }
+      return name2;
     });
-    function isImg(name) {
-      if (name) {
-        if (name.startsWith("data:")) {
+    function isImg(name2) {
+      if (name2) {
+        if (name2.startsWith("data:")) {
           return true;
-        } else if (name.startsWith("/")) {
+        } else if (name2.startsWith("/")) {
           return true;
-        } else if (name.startsWith("./")) {
+        } else if (name2.startsWith("./")) {
           return true;
-        } else if (name.startsWith("../")) {
+        } else if (name2.startsWith("../")) {
           return true;
-        } else if (name.includes("://")) {
+        } else if (name2.includes("://")) {
           return true;
         }
       }
@@ -127,23 +128,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             class: vue.normalizeClass([
               vue.unref(cs).z(outputType.value),
-              props.iconClass,
+              vue.unref(props).iconClass,
               outputName.value,
               vue.unref(cs).z("cont")
             ])
           }, null, 2)) : outputType.value === "img" ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 1,
-            class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass, vue.unref(cs).z("cont")]),
+            class: vue.normalizeClass([vue.unref(cs).z(outputType.value), vue.unref(props).iconClass, vue.unref(cs).z("cont")]),
             src: outputName.value
           }, null, 10, _hoisted_1)) : outputType.value === "str" ? (vue.openBlock(), vue.createElementBlock("svg", {
             key: 2,
-            class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass, vue.unref(cs).z("cont")]),
+            class: vue.normalizeClass([vue.unref(cs).z(outputType.value), vue.unref(props).iconClass, vue.unref(cs).z("cont")]),
             viewBox: "0 0 1024 1024",
             xmlns: "http://www.w3.org/2000/svg",
             innerHTML: outputName.value
           }, null, 10, _hoisted_2)) : outputType.value === "id" ? (vue.openBlock(), vue.createElementBlock("svg", {
             key: 3,
-            class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass, vue.unref(cs).z("cont")]),
+            class: vue.normalizeClass([vue.unref(cs).z(outputType.value), vue.unref(props).iconClass, vue.unref(cs).z("cont")]),
             "aria-hidden": "true"
           }, [
             vue.createElementVNode("use", {
@@ -151,7 +152,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, _hoisted_3)
           ], 2)) : outputName.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(outputName.value), {
             key: 4,
-            class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass, vue.unref(cs).z("cont")])
+            class: vue.normalizeClass([vue.unref(cs).z(outputType.value), vue.unref(props).iconClass, vue.unref(cs).z("cont")])
           }, null, 8, ["class"])) : vue.createCommentVNode("", true)
         ])
       ], 6);

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

@@ -1,19 +1,23 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createBlock, createCommentVNode, createElementVNode, resolveDynamicComponent } from "vue";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import "../../../hooks/index.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 const _hoisted_1 = ["src"];
 const _hoisted_2 = ["innerHTML"];
 const _hoisted_3 = ["xlink:href"];
+const prefix = "icon-";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = useLocale();
-    const cs = useCssName("icon");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const reg = /<svg([^>]*)>((.|\n|\r|\t)*)<\/svg>/g;
     const reg1 = /<path([^>]*)>((.|\n|\r|\t)*)<\/path>/g;
@@ -22,12 +26,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.type) {
         return props.type;
       } else {
-        const name = props.name || "";
-        if (typeof name == "object") {
+        const name2 = props.name || "";
+        if (typeof name2 == "object") {
           return "com";
-        } else if (reg.test(name) || reg1.test(name) || reg2.test(name)) {
+        } else if (reg.test(name2) || reg1.test(name2) || reg2.test(name2)) {
           return "str";
-        } else if (isImg(name)) {
+        } else if (isImg(name2)) {
           return "img";
         }
       }
@@ -60,53 +64,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return styleObj;
     });
+    const setPrefix = (name2) => {
+      if (name2.startsWith(prefix)) {
+        return name2;
+      } else {
+        return prefix + name2;
+      }
+    };
     const outputName = computed(() => {
-      const name = props.name || "";
-      switch (outputType.value) {
-        case "str":
-          const m = name;
-          const rs = reg.exec(m);
-          const rs1 = reg1.exec(m) || reg2.exec(m);
-          if (rs && rs.length > 0) {
-            return rs[1];
-          } else if (rs1 && rs1.length > 0) {
-            return rs1[0];
-          } else {
-            return m;
-          }
-        case "css":
-          if (name.startsWith("icon-")) {
-            return name;
-          } else {
-            return "icon-" + name;
-          }
-        case "id":
-          if (name.startsWith("icon-")) {
-            return name;
-          } else {
-            return "icon-" + name;
-          }
-        case "font":
-          if (name.startsWith("icon-")) {
-            return name;
-          } else {
-            return "icon-" + name;
-          }
-        default:
-          return name;
+      const name2 = props.name;
+      if (typeof name2 == "string") {
+        switch (outputType.value) {
+          case "str":
+            const rs = reg.exec(name2);
+            const rs1 = reg1.exec(name2) || reg2.exec(name2);
+            if (rs && rs.length > 0) {
+              return rs[1];
+            } else if (rs1 && rs1.length > 0) {
+              return rs1[0];
+            } else {
+              return name2;
+            }
+          case "css":
+            return setPrefix(name2);
+          case "id":
+            return setPrefix(name2);
+          case "font":
+            return setPrefix(name2);
+          default:
+            return name2;
+        }
       }
+      return name2;
     });
-    function isImg(name) {
-      if (name) {
-        if (name.startsWith("data:")) {
+    function isImg(name2) {
+      if (name2) {
+        if (name2.startsWith("data:")) {
           return true;
-        } else if (name.startsWith("/")) {
+        } else if (name2.startsWith("/")) {
           return true;
-        } else if (name.startsWith("./")) {
+        } else if (name2.startsWith("./")) {
           return true;
-        } else if (name.startsWith("../")) {
+        } else if (name2.startsWith("../")) {
           return true;
-        } else if (name.includes("://")) {
+        } else if (name2.includes("://")) {
           return true;
         }
       }
@@ -125,23 +126,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             class: normalizeClass([
               unref(cs).z(outputType.value),
-              props.iconClass,
+              unref(props).iconClass,
               outputName.value,
               unref(cs).z("cont")
             ])
           }, null, 2)) : outputType.value === "img" ? (openBlock(), createElementBlock("img", {
             key: 1,
-            class: normalizeClass([unref(cs).z(outputType.value), props.iconClass, unref(cs).z("cont")]),
+            class: normalizeClass([unref(cs).z(outputType.value), unref(props).iconClass, unref(cs).z("cont")]),
             src: outputName.value
           }, null, 10, _hoisted_1)) : outputType.value === "str" ? (openBlock(), createElementBlock("svg", {
             key: 2,
-            class: normalizeClass([unref(cs).z(outputType.value), props.iconClass, unref(cs).z("cont")]),
+            class: normalizeClass([unref(cs).z(outputType.value), unref(props).iconClass, unref(cs).z("cont")]),
             viewBox: "0 0 1024 1024",
             xmlns: "http://www.w3.org/2000/svg",
             innerHTML: outputName.value
           }, null, 10, _hoisted_2)) : outputType.value === "id" ? (openBlock(), createElementBlock("svg", {
             key: 3,
-            class: normalizeClass([unref(cs).z(outputType.value), props.iconClass, unref(cs).z("cont")]),
+            class: normalizeClass([unref(cs).z(outputType.value), unref(props).iconClass, unref(cs).z("cont")]),
             "aria-hidden": "true"
           }, [
             createElementVNode("use", {
@@ -149,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, _hoisted_3)
           ], 2)) : outputName.value ? (openBlock(), createBlock(resolveDynamicComponent(outputName.value), {
             key: 4,
-            class: normalizeClass([unref(cs).z(outputType.value), props.iconClass, unref(cs).z("cont")])
+            class: normalizeClass([unref(cs).z(outputType.value), unref(props).iconClass, unref(cs).z("cont")])
           }, null, 8, ["class"])) : createCommentVNode("", true)
         ])
       ], 6);

package/dist/components/icon-picker/src/data.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../utils/index.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "icon-picker";
 const dataProps = buildProps.buildProps({
   /**
    * @props { String } dialogClass= ( )
@@ -69,3 +70,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/icon-picker/src/data.d.ts

@@ -19,6 +19,10 @@ export type Icons = {
     info: string | IconsInfo;
     icons: IconsValue;
 };
+/**
+ * @title {h3} icon-picker
+ */
+export declare const name = "icon-picker";
 export declare const dataProps: {
     /**
      * @props { String } dialogClass= ( )

package/dist/components/icon-picker/src/data.js

@@ -1,5 +1,6 @@
 import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "icon-picker";
 const dataProps = buildProps({
   /**
    * @props { String } dialogClass= ( )
@@ -67,5 +68,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };