@fangzhongya/fang-ui 0.0.37 → 0.0.39

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

@@ -1,4 +1,82 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
-exports.default = index_vue_vue_type_script_setup_true_lang.default;
+const vue = require("vue");
+const index$3 = require("../../../directives/expose/index.cjs");
+const index$2 = require("element-plus/es/components/switch/index");
+const index$1 = require("../../../hooks/inherit/index.cjs");
+const use = require("../../common/use.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const data = require("./data.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { emit: __emit }) {
+    const cs = index.useCssName("switchs");
+    const attrs = index$1.useInherit(vue.useAttrs());
+    const props = __props;
+    const emit = __emit;
+    const active = vue.ref({});
+    const inactive = vue.ref({});
+    vue.watch(
+      () => props.options,
+      () => {
+        if (props.options && props.options.length > 1) {
+          const i = props.options[0];
+          inactive.value.text = use.useVueValue(i, props.label);
+          inactive.value.value = use.useVueValue(i, props.prop);
+          inactive.value.icon = i?.icon;
+          inactive.value.color = i?.color;
+          const a = props.options[1];
+          active.value.text = use.useVueValue(a, props.label);
+          active.value.value = use.useVueValue(a, props.prop);
+          active.value.icon = a?.icon;
+          active.value.color = a?.color;
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    const binds = vue.computed(() => {
+      const obj = {};
+      for (let k in active.value) {
+        obj["active-" + k] = active.value[k];
+      }
+      for (let k in inactive.value) {
+        obj["inactive-" + k] = inactive.value[k];
+      }
+      return obj;
+    });
+    const value = vue.computed({
+      get() {
+        let v = props.modelValue;
+        return v;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+        if (props.optobj) {
+          const obj = props.options.filter((o) => {
+            return use.useVueValue(o, props.prop) === value2;
+          })[0];
+          emit("change", value2, obj);
+        } else {
+          emit("change", value2);
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.withDirectives(vue.createVNode(vue.unref(index$2.ElSwitch), vue.mergeProps({
+          class: vue.unref(cs).z("switch"),
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+        }, { ...binds.value, ...vue.unref(attrs).assem }), null, 16, ["class", "modelValue"]), [
+          [vue.unref(index$3.default), {}]
+        ])
+      ], 16);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -1,4 +1,82 @@
-import _sfc_main from "./index.js";
+import { defineComponent, useAttrs, ref, watch, computed, createElementBlock, openBlock, mergeProps, unref, withDirectives, createVNode } from "vue";
+import vExpose from "../../../directives/expose/index.js";
+import { ElSwitch } from "element-plus/es/components/switch/index";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { useVueValue } from "../../common/use.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { dataEmits, dataProps } from "./data.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { emit: __emit }) {
+    const cs = useCssName("switchs");
+    const attrs = useInherit(useAttrs());
+    const props = __props;
+    const emit = __emit;
+    const active = ref({});
+    const inactive = ref({});
+    watch(
+      () => props.options,
+      () => {
+        if (props.options && props.options.length > 1) {
+          const i = props.options[0];
+          inactive.value.text = useVueValue(i, props.label);
+          inactive.value.value = useVueValue(i, props.prop);
+          inactive.value.icon = i?.icon;
+          inactive.value.color = i?.color;
+          const a = props.options[1];
+          active.value.text = useVueValue(a, props.label);
+          active.value.value = useVueValue(a, props.prop);
+          active.value.icon = a?.icon;
+          active.value.color = a?.color;
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    const binds = computed(() => {
+      const obj = {};
+      for (let k in active.value) {
+        obj["active-" + k] = active.value[k];
+      }
+      for (let k in inactive.value) {
+        obj["inactive-" + k] = inactive.value[k];
+      }
+      return obj;
+    });
+    const value = computed({
+      get() {
+        let v = props.modelValue;
+        return v;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+        if (props.optobj) {
+          const obj = props.options.filter((o) => {
+            return useVueValue(o, props.prop) === value2;
+          })[0];
+          emit("change", value2, obj);
+        } else {
+          emit("change", value2);
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        withDirectives(createVNode(unref(ElSwitch), mergeProps({
+          class: unref(cs).z("switch"),
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+        }, { ...binds.value, ...unref(attrs).assem }), null, 16, ["class", "modelValue"]), [
+          [unref(vExpose), {}]
+        ])
+      ], 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/tab-pane/index.cjs

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

package/dist/components/tab-pane/index.js

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

package/dist/components/tab-pane/src/data.cjs

@@ -3,7 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
 const dataProps = buildProps.buildProps({});
 const dataEmits = [];
+const dataSlot = {};
 const dataExpose = {};
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

package/dist/components/tab-pane/src/data.js

@@ -1,9 +1,11 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
 const dataProps = buildProps({});
 const dataEmits = [];
+const dataSlot = {};
 const dataExpose = {};
 export {
   dataEmits,
   dataExpose,
-  dataProps
+  dataProps,
+  dataSlot
 };

package/dist/components/tab-pane/src/index.cjs

@@ -1,44 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const data = require("./data.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const index$2 = require("../../../hooks/locale/index.cjs");
-const index = require("../../../hooks/inherit/index.cjs");
-const index$3 = require("element-plus/es/components/tabs/index");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const refEl = vue.ref();
-    const attrs = index.useInherit(vue.useAttrs());
-    const slots = vue.useSlots();
-    const cs = index$1.useCssName("tab-pane");
-    index$2.useLocale();
-    __expose({
-      ...data.dataExpose,
-      refEl
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        class: vue.unref(cs).z()
-      }, vue.unref(attrs).root), [
-        vue.createVNode(vue.unref(index$3.ElTabPane), vue.mergeProps(vue.unref(attrs).assem, {
-          ref_key: "refEl",
-          ref: refEl
-        }), vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
-            return {
-              name: k,
-              fn: vue.withCtx((scope) => [
-                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
-              ])
-            };
-          })
-        ]), 1040)
-      ], 16);
-    };
-  }
-});
-exports.default = _sfc_main;
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/tab-pane/src/index.js

@@ -1,44 +1,4 @@
-import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { dataEmits, dataProps, dataExpose } from "./data.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
-import { useLocale } from "../../../hooks/locale/index.js";
-import { useInherit } from "../../../hooks/inherit/index.js";
-import { ElTabPane } from "element-plus/es/components/tabs/index";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: dataProps,
-  emits: dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const refEl = ref();
-    const attrs = useInherit(useAttrs());
-    const slots = useSlots();
-    const cs = useCssName("tab-pane");
-    useLocale();
-    __expose({
-      ...dataExpose,
-      refEl
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        class: unref(cs).z()
-      }, unref(attrs).root), [
-        createVNode(unref(ElTabPane), mergeProps(unref(attrs).assem, {
-          ref_key: "refEl",
-          ref: refEl
-        }), createSlots({ _: 2 }, [
-          renderList(Object.keys(unref(slots)), (k, i) => {
-            return {
-              name: k,
-              fn: withCtx((scope) => [
-                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
-              ])
-            };
-          })
-        ]), 1040)
-      ], 16);
-    };
-  }
-});
+import _sfc_main from "./index2.js";
 export {
   _sfc_main as default
 };

package/dist/components/tab-pane/src/index2.cjs

@@ -1,4 +1,46 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
-exports.default = index_vue_vue_type_script_setup_true_lang.default;
+const vue = require("vue");
+const data = require("./data.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/locale/index.cjs");
+const index = require("../../../hooks/inherit/index.cjs");
+const index$3 = require("element-plus/es/components/tabs/index");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = vue.ref();
+    const attrs = index.useInherit(vue.useAttrs());
+    const slots = vue.useSlots();
+    const cs = index$1.useCssName("tab-pane");
+    const { getLocale } = index$2.useLocale();
+    const props = __props;
+    const emit = __emit;
+    __expose({
+      ...data.dataExpose,
+      refEl
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.createVNode(vue.unref(index$3.ElTabPane), vue.mergeProps(vue.unref(attrs).assem, {
+          ref_key: "refEl",
+          ref: refEl
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
+            return {
+              name: k,
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+              ])
+            };
+          })
+        ]), 1040)
+      ], 16);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/tab-pane/src/index2.js

@@ -1,4 +1,46 @@
-import _sfc_main from "./index.js";
+import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { ElTabPane } from "element-plus/es/components/tabs/index";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = ref();
+    const attrs = useInherit(useAttrs());
+    const slots = useSlots();
+    const cs = useCssName("tab-pane");
+    const { getLocale } = useLocale();
+    const props = __props;
+    const emit = __emit;
+    __expose({
+      ...dataExpose,
+      refEl
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        createVNode(unref(ElTabPane), mergeProps(unref(attrs).assem, {
+          ref_key: "refEl",
+          ref: refEl
+        }), createSlots({ _: 2 }, [
+          renderList(Object.keys(unref(slots)), (k, i) => {
+            return {
+              name: k,
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+              ])
+            };
+          })
+        ]), 1040)
+      ], 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/tables/common/pagin.cjs

@@ -1,13 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const util = require("../../../utils/util.cjs");
-require("../../../utils/vues/getBuildProps.cjs");
-require("@fangzhongya/utils/css/setObjStyle");
-require("@fangzhongya/utils/css/getCss");
+require("../../../utils/index.cjs");
 const urls = require("../../common/urls.cjs");
 const firstLower = require("@fangzhongya/utils/basic/string/firstLower");
 const lineToSmallHump = require("@fangzhongya/utils/name/lineToSmallHump");
+const util = require("../../../utils/util.cjs");
 const objValue = require("@fangzhongya/utils/basic/object/objValue");
 const dataProps = {
   ...urls.props,
@@ -205,6 +203,7 @@ const useInit = (props2, emit, refTable, isEl) => {
       const selectable = tableConfig.value.config?.selectable;
       if (selectable) {
         const index = data.list.findIndex((obj2) => {
+          obj2 === row;
         });
         if (selectable(row, index)) {
           if (tableConfig.value.config?.isradio) {

package/dist/components/tables/common/pagin.d.ts

@@ -50,7 +50,7 @@ export declare const dataProps: {
         type: () => ObjAny;
     };
     ajax: {
-        type: (FunctionConstructor | StringConstructor)[];
+        type: (StringConstructor | FunctionConstructor)[];
     };
     param: {
         type: ObjectConstructor;

package/dist/components/tables/common/pagin.js

@@ -1,11 +1,9 @@
 import { ref, reactive, watch, computed } from "vue";
-import { executionMethod } from "../../../utils/util.js";
-import "../../../utils/vues/getBuildProps.js";
-import "@fangzhongya/utils/css/setObjStyle";
-import "@fangzhongya/utils/css/getCss";
+import "../../../utils/index.js";
 import { props, comHandle } from "../../common/urls.js";
 import { firstLower } from "@fangzhongya/utils/basic/string/firstLower";
 import { lineToSmallHump } from "@fangzhongya/utils/name/lineToSmallHump";
+import { executionMethod } from "../../../utils/util.js";
 import { setObjValue, getObjValue } from "@fangzhongya/utils/basic/object/objValue";
 const dataProps = {
   ...props,
@@ -203,6 +201,7 @@ const useInit = (props2, emit, refTable, isEl) => {
       const selectable = tableConfig.value.config?.selectable;
       if (selectable) {
         const index = data.list.findIndex((obj2) => {
+          obj2 === row;
         });
         if (selectable(row, index)) {
           if (tableConfig.value.config?.isradio) {

package/dist/components/tables/common/table-but.cjs

@@ -1,112 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index = require("element-plus/es/components/button/index");
-const util = require("./util.cjs");
-const isObject = require("@fangzhongya/utils/basic/object/isObject");
-const isArray = require("@fangzhongya/utils/basic/array/isArray");
-const _hoisted_1 = { class: "table-but" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "table-but",
-  props: {
-    /**
-     * table列表
-     * {
-     *      label:"列表名称"
-     *      prop:"列表取值"
-     *      type:"列表类型"
-     * }
-     *
-     */
-    tableListObj: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    /**
-     * table数据
-     * row, column, $index
-     *
-     */
-    tableScope: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  emits: ["scope-click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    function setValue(v) {
-      if (isArray.isArray(v)) {
-        return v;
-      } else if (isObject.isObject(v)) {
-        return [v];
-      } else {
-        return [
-          {
-            value: v
-          }
-        ];
-      }
-    }
-    function getValue(row, column, cellValue, index2, formatter) {
-      if (formatter) {
-        const v = formatter(row, column, cellValue, index2);
-        return setValue(v);
-      } else {
-        return setValue(cellValue);
-      }
-    }
-    function onClick(obj, $event) {
-      util.eventAliass(
-        (callback) => {
-          callback(obj, props.tableScope, props.tableListObj, "but");
-        },
-        "click",
-        props.tableListObj,
-        $event
-      );
-      emit("scope-click", obj, props.tableScope, props.tableListObj, "but");
-    }
-    const valueArr = vue.computed(() => {
-      const prop = props.tableListObj.prop || "";
-      const row = props.tableScope.row || {};
-      const column = props.tableScope.column || {};
-      const cellValue = row[prop];
-      const index2 = props.tableScope.$index;
-      const formatter = props.tableListObj.formatter;
-      const configFormatter = props.tableListObj.config?.formatter;
-      if (configFormatter) {
-        const arr = configFormatter(row, column, cellValue, index2);
-        return setValue(arr);
-      } else {
-        return getValue(row, column, cellValue, index2, formatter);
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(valueArr.value, (item, index$1) => {
-          return vue.openBlock(), vue.createBlock(vue.unref(index.ElButton), {
-            class: vue.normalizeClass(["table-but-li", item.class]),
-            key: index$1,
-            style: vue.normalizeStyle(item.style),
-            onClick: ($event) => onClick(item, $event),
-            type: item.type,
-            round: item.round,
-            text: typeof item.text == "undefined" ? true : item.text
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(item.value), 1)
-            ]),
-            _: 2
-          }, 1032, ["class", "style", "onClick", "type", "round", "text"]);
-        }), 128))
-      ]);
-    };
-  }
-});
-exports.default = _sfc_main;
+const tableBut_vue_vue_type_script_setup_true_lang = require("./table-but2.cjs");
+exports.default = tableBut_vue_vue_type_script_setup_true_lang.default;