z-vue-design 0.0.86 → 0.0.87

package/README.md

@@ -1,29 +1,196 @@
-# ai-report
+### useECharts 使用手册
 
-This template should help get you started developing with Vue 3 in Vite.
+### 安装
 
-## Recommended IDE Setup
+```bash
+npm install z-vue-design
+```
+
+### 引入
+
+```javascript
+import { useECharts, ZECharts } from "@/utils/useECharts";
+```
+
+### 示例
+
+```vue
+<template>
+  <ZECharts class="chart-container" @register="register"></ZECharts>
+</template>
+
+<script setup>
+import { ref, onMounted } from "vue";
+import { useECharts, ZECharts } from "@/utils/useECharts";
+
+const [register, { setOptions, getInstance }] = useECharts();
+
+onMounted(() => {});
+</script>
+```
+
+### useForm 使用手册
+
+### 安装
+
+```bash
+npm install z-vue-design
+```
+
+### 引入
 
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+```js
+import { ZForm } from "z-vue-design";
+```
+
+### 示例
+
+```vue
+<template>
+  <ZForm @register="register">
+    <!-- 自定义插槽的使用，插槽名为formItem项中的name属性， 数据绑定为formState[name]，通过监听可以获取到插槽字段的数据变化 -->
+    <template #slotTest="{ formState, name, utilsAttr }">
+      <ZInput
+        v-model="formState[name]"
+        :placeholder="utilsAttr?.placeholder"
+      ></ZInput>
+    </template>
+  </ZForm>
+</template>
+
+<script setup>
+import { ZForm, ZInput } from "z-vue-design";
+import { ref } from "vue";
 
-## Customize configuration
+const formItems = ref([
+  {
+    label: "开关",
+    name: "switch",
+    type: "ZSwitch",
+    formAttr: {},
+  },
+  {
+    label: "密码",
+    name: "password",
+    type: "ZInput",
+    // 表单 formItem 需要配置的属性
+    formAttr: {
+      type: "password",
+      rules: [
+        {
+          required: true,
+          message: "请输入用户名",
+          trigger: "blur",
+        },
+      ],
+    },
+    // formItem 内部组件（例如 <Input v-bind="utilAttr" />）需要配置的属性
+    utilAttr: {
+      placeholder: "请输入密码",
+    },
+  },
+  {
+    name: "slotTest",
+    utilsAttr: {
+      placeholder: "请输入",
+    },
+  },
+]);
 
-See [Vite Configuration Reference](https://vite.dev/config/).
+// 表单属性字节在 ZForm 标签上配置
+const [register, { getForm, getFormState }] = useForm({
+  formItems: formItems.value,
+});
+</script>
+```
+
+### 联动方案
 
-## Project Setup
+监听 formState 变化，当 formState 中某个被依赖的属性变化时，触发联动事件
 
-```sh
-npm install
+```vue
+<script setup>
+const watchFormState = computed(() => getFormState.value);
+watch(
+  () => watchFormState.value,
+  (n) => {
+    console.log(n);
+  },
+  { deep: true, immediate: true }
+);
+</script>
 ```
 
-### Compile and Hot-Reload for Development
+### useTable 使用手册
 
-```sh
-npm run dev
+### 安装
+
+```bash
+npm install z-vue-design
 ```
 
-### Compile and Minify for Production
+### 引入
+
+```javascript
+import { useTable, ZTable } from "@/utils/useTable";
+```
+
+### 示例
+
+```vue
+<template>
+  <ZTable class="table-container" @register="register"></ZTable>
+</template>
+
+<script setup>
+import { ref, onMounted } from "vue";
+import { useTable, ZTable } from "@/utils/useTable";
+
+/**
+ * 表格属性
+ * @typedef {Object} TableProps
+ * @property {Array} columns - 表格列配置,参照vxe-table的columns配置
+ * @property {Object} pagination - 分页配置
+ *    pagination: {
+ *      total: 0,
+ *      currentPage: 1,
+ *      totalPage: 0,
+ *      pageSize: 20,
+ *      onPageChange: (page) => {
+ *        setPagination({
+ *          currentPage: page.currentPage,
+ *          pageSize: page.pageSize,
+ *        });
+ *      },
+ *    },
+ * @property {Object} props - 表格配置,参照vxe-table的tableProps配置
+ * @property {Object} columnProps - 表格列配置,参照vxe-table的columnProps配置
+ * @property {Array} handleButton - 头部左侧操作按钮配置
+ * handleButton = [{
+ *   key: "update",
+ *       label: "add",
+ *       onClick: (props) => {}
+ * }]
+ * @property {Object} utils - 头部右侧工具栏设置, 目前只有reload（表格刷新，可以在click中调用数据，重新设置表格数据）、column（表格交互操作按钮，例如：列设置），
+ *  utils = {
+ *      reload: {
+//         label: "刷新",
+//         onClick: () => {
+//           console.log(123);
+//           setData([]);
+//         },
+//       },
+//       column: {
+//         label: "列设置",
+//       },
+ * }
+ */
+
+const tableProps = {};
+
+const [register, { getColumns, setColumns, setData, setPagination }] =
+  useTable();
 
-```sh
-npm run build
+onMounted(() => {});
+</script>
 ```

package/dist/DownOutlined-DLt_M1C6.mjs

@@ -0,0 +1,35 @@
+import { createVNode as c } from "vue";
+import { I as m } from "./index-NxjGmddr.mjs";
+const u = () => {
+  if (typeof navigator > "u" || typeof window > "u")
+    return !1;
+  const e = navigator.userAgent || navigator.vendor || window.opera;
+  return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(e) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(e == null ? void 0 : e.substring(0, 4));
+};
+var l = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, name: "down", theme: "outlined" };
+function n(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var i = arguments[t] != null ? Object(arguments[t]) : {}, a = Object.keys(i);
+    typeof Object.getOwnPropertySymbols == "function" && (a = a.concat(Object.getOwnPropertySymbols(i).filter(function(o) {
+      return Object.getOwnPropertyDescriptor(i, o).enumerable;
+    }))), a.forEach(function(o) {
+      s(e, o, i[o]);
+    });
+  }
+  return e;
+}
+function s(e, t, i) {
+  return t in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
+}
+var r = function(t, i) {
+  var a = n({}, t, i.attrs);
+  return c(m, n({}, a, {
+    icon: l
+  }), null);
+};
+r.displayName = "DownOutlined";
+r.inheritAttrs = !1;
+export {
+  r as D,
+  u as i
+};

package/dist/SearchOutlined-mgRELgzm.mjs

@@ -0,0 +1,234 @@
+import { P as i, a as f, I as k } from "./index-NxjGmddr.mjs";
+import { defineComponent as w, shallowRef as _, createVNode as b, ref as O, watch as D, computed as S } from "vue";
+var K = function(n, r) {
+  var o = {};
+  for (var t in n) Object.prototype.hasOwnProperty.call(n, t) && r.indexOf(t) < 0 && (o[t] = n[t]);
+  if (n != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, t = Object.getOwnPropertySymbols(n); a < t.length; a++)
+    r.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(n, t[a]) && (o[t[a]] = n[t[a]]);
+  return o;
+};
+const $ = w({
+  compatConfig: {
+    MODE: 3
+  },
+  // inheritAttrs: false,
+  props: {
+    disabled: i.looseBool,
+    type: i.string,
+    value: i.any,
+    tag: {
+      type: String,
+      default: "input"
+    },
+    size: i.string,
+    onChange: Function,
+    onInput: Function,
+    onBlur: Function,
+    onFocus: Function,
+    onKeydown: Function,
+    onCompositionstart: Function,
+    onCompositionend: Function,
+    onKeyup: Function,
+    onPaste: Function,
+    onMousedown: Function
+  },
+  emits: ["change", "input", "blur", "keydown", "focus", "compositionstart", "compositionend", "keyup", "paste", "mousedown"],
+  setup(n, r) {
+    let {
+      expose: o
+    } = r;
+    const t = _(null);
+    return o({
+      focus: () => {
+        t.value && t.value.focus();
+      },
+      blur: () => {
+        t.value && t.value.blur();
+      },
+      input: t,
+      setSelectionRange: (l, c, d) => {
+        var v;
+        (v = t.value) === null || v === void 0 || v.setSelectionRange(l, c, d);
+      },
+      select: () => {
+        var l;
+        (l = t.value) === null || l === void 0 || l.select();
+      },
+      getSelectionStart: () => {
+        var l;
+        return (l = t.value) === null || l === void 0 ? void 0 : l.selectionStart;
+      },
+      getSelectionEnd: () => {
+        var l;
+        return (l = t.value) === null || l === void 0 ? void 0 : l.selectionEnd;
+      },
+      getScrollTop: () => {
+        var l;
+        return (l = t.value) === null || l === void 0 ? void 0 : l.scrollTop;
+      }
+    }), () => {
+      const {
+        tag: l,
+        value: c
+      } = n, d = K(n, ["tag", "value"]);
+      return b(l, f(f({}, d), {}, {
+        ref: t,
+        value: c
+      }), null);
+    };
+  }
+});
+function V(n) {
+  return Object.keys(n).reduce((r, o) => {
+    const t = n[o];
+    return typeof t > "u" || t === null || (r += `${o}: ${n[o]};`), r;
+  }, "");
+}
+var A = function(n, r) {
+  var o = {};
+  for (var t in n) Object.prototype.hasOwnProperty.call(n, t) && r.indexOf(t) < 0 && (o[t] = n[t]);
+  if (n != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, t = Object.getOwnPropertySymbols(n); a < t.length; a++)
+    r.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(n, t[a]) && (o[t[a]] = n[t[a]]);
+  return o;
+};
+const q = w({
+  compatConfig: {
+    MODE: 3
+  },
+  inheritAttrs: !1,
+  props: {
+    disabled: i.looseBool,
+    type: i.string,
+    value: i.any,
+    lazy: i.bool.def(!0),
+    tag: {
+      type: String,
+      default: "input"
+    },
+    size: i.string,
+    style: i.oneOfType([String, Object]),
+    class: i.string
+  },
+  emits: ["change", "input", "blur", "keydown", "focus", "compositionstart", "compositionend", "keyup", "paste", "mousedown"],
+  setup(n, r) {
+    let {
+      emit: o,
+      attrs: t,
+      expose: a
+    } = r;
+    const u = _(null), g = O(), s = O(!1);
+    D([() => n.value, s], () => {
+      s.value || (g.value = n.value);
+    }, {
+      immediate: !0
+    });
+    const l = (e) => {
+      o("change", e);
+    }, c = (e) => {
+      s.value = !0, e.target.composing = !0, o("compositionstart", e);
+    }, d = (e) => {
+      s.value = !1, e.target.composing = !1, o("compositionend", e);
+      const p = document.createEvent("HTMLEvents");
+      p.initEvent("input", !0, !0), e.target.dispatchEvent(p), l(e);
+    }, v = (e) => {
+      if (s.value && n.lazy) {
+        g.value = e.target.value;
+        return;
+      }
+      o("input", e);
+    }, P = (e) => {
+      o("blur", e);
+    }, j = (e) => {
+      o("focus", e);
+    }, E = () => {
+      u.value && u.value.focus();
+    }, F = () => {
+      u.value && u.value.blur();
+    }, I = (e) => {
+      o("keydown", e);
+    }, B = (e) => {
+      o("keyup", e);
+    }, T = (e, p, y) => {
+      var m;
+      (m = u.value) === null || m === void 0 || m.setSelectionRange(e, p, y);
+    }, x = () => {
+      var e;
+      (e = u.value) === null || e === void 0 || e.select();
+    };
+    a({
+      focus: E,
+      blur: F,
+      input: S(() => {
+        var e;
+        return (e = u.value) === null || e === void 0 ? void 0 : e.input;
+      }),
+      setSelectionRange: T,
+      select: x,
+      getSelectionStart: () => {
+        var e;
+        return (e = u.value) === null || e === void 0 ? void 0 : e.getSelectionStart();
+      },
+      getSelectionEnd: () => {
+        var e;
+        return (e = u.value) === null || e === void 0 ? void 0 : e.getSelectionEnd();
+      },
+      getScrollTop: () => {
+        var e;
+        return (e = u.value) === null || e === void 0 ? void 0 : e.getScrollTop();
+      }
+    });
+    const z = (e) => {
+      o("mousedown", e);
+    }, M = (e) => {
+      o("paste", e);
+    }, R = S(() => n.style && typeof n.style != "string" ? V(n.style) : n.style);
+    return () => {
+      const {
+        style: e,
+        lazy: p
+      } = n, y = A(n, ["style", "lazy"]);
+      return b($, f(f(f({}, y), t), {}, {
+        style: R.value,
+        onInput: v,
+        onChange: l,
+        onBlur: P,
+        onFocus: j,
+        ref: u,
+        value: g.value,
+        onCompositionstart: c,
+        onCompositionend: d,
+        onKeyup: B,
+        onKeydown: I,
+        onPaste: M,
+        onMousedown: z
+      }), null);
+    };
+  }
+});
+var L = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, name: "search", theme: "outlined" };
+function h(n) {
+  for (var r = 1; r < arguments.length; r++) {
+    var o = arguments[r] != null ? Object(arguments[r]) : {}, t = Object.keys(o);
+    typeof Object.getOwnPropertySymbols == "function" && (t = t.concat(Object.getOwnPropertySymbols(o).filter(function(a) {
+      return Object.getOwnPropertyDescriptor(o, a).enumerable;
+    }))), t.forEach(function(a) {
+      N(n, a, o[a]);
+    });
+  }
+  return n;
+}
+function N(n, r, o) {
+  return r in n ? Object.defineProperty(n, r, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : n[r] = o, n;
+}
+var C = function(r, o) {
+  var t = h({}, r, o.attrs);
+  return b(k, h({}, t, {
+    icon: L
+  }), null);
+};
+C.displayName = "SearchOutlined";
+C.inheritAttrs = !1;
+export {
+  q as B,
+  C as S
+};

package/dist/{UtilsEmpty-B_xFeZwK.mjs → UtilsEmpty-BGrmREE4.mjs}

@@ -1,7 +1,7 @@
 import { createElementBlock as e, openBlock as t } from "vue";
-import { A as r } from "./index-BqCcUSZ_.mjs";
+import { _ as r } from "./index-NxjGmddr.mjs";
 const c = {};
-function o(n, s) {
+function o(n, _) {
   return t(), e("div", null, "工具组件不存在");
 }
 const l = /* @__PURE__ */ r(c, [["render", o]]);

package/dist/{ZDatePicker-_iOnGzI5.mjs → ZDatePicker-BClw7i_W.mjs}

@@ -1,7 +1,7 @@
 import { useModel as n, resolveComponent as a, createBlock as i, openBlock as p, unref as d, withCtx as m, createVNode as u, mergeProps as _ } from "vue";
-import { C as f, l as v } from "./zh_CN-Ci4SAGB1.mjs";
-import { A as k } from "./index-BqCcUSZ_.mjs";
-import { D as P } from "./dayjs-D0ij1LGv.mjs";
+import { C as f, l as v } from "./zh_CN-DrSVSNzk.mjs";
+import { _ as k } from "./index-NxjGmddr.mjs";
+import { D as P } from "./dayjs-phjds8dp.mjs";
 const g = {
   name: "ZDatePicker",
   components: {