@fangzhongya/fang-ui 0.0.12 → 0.0.13

package/dist/components/edit-float/src/index2.cjs

@@ -0,0 +1,169 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("vue");
+const elementPlus = require("element-plus");
+const data = require("./data.cjs");
+const index$1 = require("../../inputs/index.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+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("edit-float");
+    const props = __props;
+    const emit = __emit;
+    const isInput = require$$0.ref(false);
+    const isIcon = require$$0.ref(false);
+    const refEditInput = require$$0.ref();
+    const refEdit = require$$0.ref();
+    const value = require$$0.ref(props.modelValue);
+    require$$0.watch(
+      () => props.modelValue,
+      () => {
+        value.value = props.modelValue;
+        setIsIcon();
+      },
+      { immediate: true }
+    );
+    function onDblclick() {
+      onClick();
+    }
+    function onClick() {
+      isIcon.value = false;
+      isInput.value = true;
+      setTimeout(() => {
+        refEditInput.value.focus();
+      });
+    }
+    function onClickqx() {
+      setIsIcon();
+      isInput.value = false;
+    }
+    function onConfirm() {
+      if (props.noEmpty && !value.value) {
+        return false;
+      }
+      isIcon.value = false;
+      isInput.value = false;
+      emit("update:modelValue", value.value);
+    }
+    function setIsIcon() {
+      if (!props.modelValue && props.noEmpty) {
+        isIcon.value = true;
+      } else {
+        isIcon.value = false;
+      }
+    }
+    function onBlur() {
+      setTimeout(() => {
+        isInput.value = false;
+      });
+    }
+    require$$0.onMounted(() => {
+      let dom = refEdit.value;
+      dom.onmouseenter = (event) => {
+        isIcon.value = true;
+      };
+      dom.onmouseleave = (event) => {
+        if (!isInput.value) {
+          setIsIcon();
+          isInput.value = false;
+        }
+      };
+    });
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return require$$0.openBlock(), require$$0.createElementBlock("span", {
+        ref_key: "refEdit",
+        ref: refEdit,
+        class: require$$0.normalizeClass(require$$0.unref(cs).z())
+      }, [
+        require$$0.createVNode(require$$0.unref(elementPlus.ElPopover), {
+          visible: isInput.value,
+          placement: "top",
+          width: 200
+        }, {
+          reference: require$$0.withCtx(() => [
+            require$$0.createElementVNode("span", {
+              class: require$$0.normalizeClass(require$$0.unref(cs).z("body"))
+            }, [
+              require$$0.createElementVNode("span", {
+                onDblclick: require$$0.withModifiers(onDblclick, ["stop"]),
+                class: require$$0.normalizeClass(require$$0.unref(cs).z("value"))
+              }, require$$0.toDisplayString(props.modelValue), 35),
+              isIcon.value && !isInput.value ? (require$$0.openBlock(), require$$0.createElementBlock("i", {
+                key: 0,
+                onClick,
+                class: require$$0.normalizeClass(require$$0.unref(cs).z("icon"))
+              }, _cache[3] || (_cache[3] = [
+                require$$0.createElementVNode("svg", {
+                  viewBox: "0 0 1024 1024",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  require$$0.createElementVNode("path", {
+                    fill: "currentColor",
+                    d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
+                  }),
+                  require$$0.createElementVNode("path", {
+                    fill: "currentColor",
+                    d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
+                  })
+                ], -1)
+              ]), 2)) : require$$0.createCommentVNode("", true)
+            ], 2)
+          ]),
+          default: require$$0.withCtx(() => [
+            require$$0.createElementVNode("div", {
+              class: require$$0.normalizeClass(require$$0.unref(cs).z("popover"))
+            }, [
+              require$$0.createElementVNode("div", {
+                class: require$$0.normalizeClass(require$$0.unref(cs).z("title"))
+              }, "修改", 2),
+              require$$0.createVNode(require$$0.unref(index$1.Inputs), {
+                modelValue: value.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+                ref_key: "refEditInput",
+                ref: refEditInput,
+                type: "text",
+                onBlur,
+                clearable: _ctx.clearable,
+                class: require$$0.normalizeClass(require$$0.unref(cs).z("input"))
+              }, null, 8, ["modelValue", "clearable", "class"]),
+              require$$0.createElementVNode("div", {
+                class: require$$0.normalizeClass(require$$0.unref(cs).z("but"))
+              }, [
+                require$$0.createVNode(require$$0.unref(elementPlus.ElButton), {
+                  size: "small",
+                  type: "primary",
+                  onClick: onConfirm
+                }, {
+                  default: require$$0.withCtx(() => _cache[1] || (_cache[1] = [
+                    require$$0.createTextVNode("确认")
+                  ])),
+                  _: 1,
+                  __: [1]
+                }),
+                require$$0.createVNode(require$$0.unref(elementPlus.ElButton), {
+                  size: "small",
+                  text: "",
+                  onClick: onClickqx
+                }, {
+                  default: require$$0.withCtx(() => _cache[2] || (_cache[2] = [
+                    require$$0.createTextVNode("关闭")
+                  ])),
+                  _: 1,
+                  __: [2]
+                })
+              ], 2)
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/edit-float/src/index2.js

@@ -0,0 +1,169 @@
+import { defineComponent, ref, watch, onMounted, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, createTextVNode, createCommentVNode, withModifiers, toDisplayString } from "vue";
+import { ElPopover, ElButton } from "element-plus";
+import { dataEmits, dataProps, dataExpose } from "./data.js";
+import { Inputs } from "../../inputs/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName("edit-float");
+    const props = __props;
+    const emit = __emit;
+    const isInput = ref(false);
+    const isIcon = ref(false);
+    const refEditInput = ref();
+    const refEdit = ref();
+    const value = ref(props.modelValue);
+    watch(
+      () => props.modelValue,
+      () => {
+        value.value = props.modelValue;
+        setIsIcon();
+      },
+      { immediate: true }
+    );
+    function onDblclick() {
+      onClick();
+    }
+    function onClick() {
+      isIcon.value = false;
+      isInput.value = true;
+      setTimeout(() => {
+        refEditInput.value.focus();
+      });
+    }
+    function onClickqx() {
+      setIsIcon();
+      isInput.value = false;
+    }
+    function onConfirm() {
+      if (props.noEmpty && !value.value) {
+        return false;
+      }
+      isIcon.value = false;
+      isInput.value = false;
+      emit("update:modelValue", value.value);
+    }
+    function setIsIcon() {
+      if (!props.modelValue && props.noEmpty) {
+        isIcon.value = true;
+      } else {
+        isIcon.value = false;
+      }
+    }
+    function onBlur() {
+      setTimeout(() => {
+        isInput.value = false;
+      });
+    }
+    onMounted(() => {
+      let dom = refEdit.value;
+      dom.onmouseenter = (event) => {
+        isIcon.value = true;
+      };
+      dom.onmouseleave = (event) => {
+        if (!isInput.value) {
+          setIsIcon();
+          isInput.value = false;
+        }
+      };
+    });
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        ref_key: "refEdit",
+        ref: refEdit,
+        class: normalizeClass(unref(cs).z())
+      }, [
+        createVNode(unref(ElPopover), {
+          visible: isInput.value,
+          placement: "top",
+          width: 200
+        }, {
+          reference: withCtx(() => [
+            createElementVNode("span", {
+              class: normalizeClass(unref(cs).z("body"))
+            }, [
+              createElementVNode("span", {
+                onDblclick: withModifiers(onDblclick, ["stop"]),
+                class: normalizeClass(unref(cs).z("value"))
+              }, toDisplayString(props.modelValue), 35),
+              isIcon.value && !isInput.value ? (openBlock(), createElementBlock("i", {
+                key: 0,
+                onClick,
+                class: normalizeClass(unref(cs).z("icon"))
+              }, _cache[3] || (_cache[3] = [
+                createElementVNode("svg", {
+                  viewBox: "0 0 1024 1024",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  createElementVNode("path", {
+                    fill: "currentColor",
+                    d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
+                  }),
+                  createElementVNode("path", {
+                    fill: "currentColor",
+                    d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
+                  })
+                ], -1)
+              ]), 2)) : createCommentVNode("", true)
+            ], 2)
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(unref(cs).z("popover"))
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("title"))
+              }, "修改", 2),
+              createVNode(unref(Inputs), {
+                modelValue: value.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+                ref_key: "refEditInput",
+                ref: refEditInput,
+                type: "text",
+                onBlur,
+                clearable: _ctx.clearable,
+                class: normalizeClass(unref(cs).z("input"))
+              }, null, 8, ["modelValue", "clearable", "class"]),
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("but"))
+              }, [
+                createVNode(unref(ElButton), {
+                  size: "small",
+                  type: "primary",
+                  onClick: onConfirm
+                }, {
+                  default: withCtx(() => _cache[1] || (_cache[1] = [
+                    createTextVNode("确认")
+                  ])),
+                  _: 1,
+                  __: [1]
+                }),
+                createVNode(unref(ElButton), {
+                  size: "small",
+                  text: "",
+                  onClick: onClickqx
+                }, {
+                  default: withCtx(() => _cache[2] || (_cache[2] = [
+                    createTextVNode("关闭")
+                  ])),
+                  _: 1,
+                  __: [2]
+                })
+              ], 2)
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/el-tables/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+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");
+const ElTables = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "ElTables");
+exports.ElTables = ElTables;
+exports.default = ElTables;

package/dist/components/el-tables/index.css

@@ -0,0 +1,40 @@
+: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;
+}
+
+.el-tables {
+  width: 100%;
+  min-height: 100px;
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.el-tables-table {
+  background-color: transparent;
+}
+.el-tables-table.is-absolute {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.el-tables-table th.el-table__cell {
+  background-color: rgb(248, 248, 249);
+}

package/dist/components/el-tables/index.js

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

package/dist/components/el-tables/index.scss

@@ -0,0 +1,28 @@
+@use '../css/common.scss' as *;
+
+$tables: 'tables';
+@include b($tables) {
+	// height: 100%;
+	width: 100%;
+	min-height: 100px;
+	position: relative;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	&-table {
+		&.#{is('absolute')} {
+			position: absolute;
+			top: 0;
+			right: 0;
+			bottom: 0;
+			left: 0;
+		}
+		// flex: 1;
+		// width: 100%;
+		// 去掉背景色
+		background-color: transparent;
+		th.#{$namespace}-table__cell {
+			background-color: rgb(248, 248, 249);
+		}
+	}
+}

package/dist/components/el-tables/src/column.cjs

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("vue");
+const util = require("../../tables/common/util.cjs");
+const elementPlus = require("element-plus");
+const use = require("../../common/use.cjs");
+const index = require("../../../hooks/inherit/index.cjs");
+const compons = require("../../common/compons.cjs");
+const noProps = ["children", "class", "minWidth", "label"];
+function setProps(obj, props) {
+  const table = props.table;
+  const robj = {};
+  const issort = table["sort"];
+  robj["header-align"] = table["align"];
+  robj["align"] = index.useAttrValue(obj, "headerAlign") || table["align"];
+  Object.keys(obj).forEach((key) => {
+    if (!noProps.includes(key)) {
+      if (obj[key] !== "") {
+        robj[key] = obj[key];
+        if (key == "sortable") {
+          if (issort && obj[key]) {
+            robj[key] = "custom";
+          }
+        }
+      }
+    }
+  });
+  return robj;
+}
+function setSslot(obj, scope, emit, slots, props, index2) {
+  const slot = use.useSetSlot(obj, scope.row, slots, index2);
+  if (slot) {
+    return slot;
+  }
+  if (obj.compon) {
+    const isComponSelected = props.isComponSelected;
+    if (isComponSelected(obj, scope)) {
+      const optionss = props.options || {};
+      const compons$1 = require$$0.inject("tables-compons", {});
+      const column = use.useSetCompon(
+        obj,
+        scope.row,
+        optionss,
+        compons.getCompons(compons$1),
+        emit,
+        index2
+      );
+      if (column) {
+        return column;
+      }
+    }
+  }
+  return defaultDom(obj, scope, props);
+}
+function defaultDom(obj, scope, props, index2) {
+  const table = props.table;
+  let domValue = "";
+  if (obj.type == "index") {
+    if (obj.index) {
+      domValue = obj.index(scope.$index, table.paginat);
+    } else {
+      if (table.paginat && table.paginat.current && table.paginat.pageSize) {
+        domValue = (table.paginat.current - 1) * table.paginat.pageSize + scope.$index + 1;
+      } else {
+        domValue = scope.$index + 1;
+      }
+    }
+    return domValue;
+  } else if (obj.type == "selection") {
+    return;
+  }
+  domValue = use.useGetDomValue(obj, scope.row, props.options, scope.$index);
+  return require$$0.h(
+    "span",
+    {
+      class: "text",
+      onClick(event) {
+        if (obj.click) {
+          obj.click(event, scope, obj);
+        }
+      }
+    },
+    domValue ?? ""
+  );
+}
+function setHeader(obj, scope, slots, emit, props, index2) {
+  const optionss = props.options || {};
+  const compons2 = require$$0.inject("tables-compons", {});
+  return use.useGetDomLabel(
+    obj.label,
+    obj,
+    scope.row,
+    slots,
+    optionss,
+    compons2,
+    emit,
+    index2
+  );
+}
+function getDom(obj, emit, propss, slots, index2) {
+  const props = setProps(obj, propss);
+  return require$$0.h(
+    elementPlus.ElTableColumn,
+    {
+      ...props,
+      className: obj.class,
+      minWidth: util.setMinWidth(obj, propss)
+    },
+    {
+      default: (scope) => {
+        return setSslot(obj, scope, emit, slots, propss, index2);
+      },
+      header: (scope) => {
+        return setHeader(obj, scope, slots, emit, propss, index2);
+      }
+    }
+  );
+}
+function columnRender(obj, emit, props, slots, index2) {
+  return getDom(obj, emit, props, slots, index2);
+}
+exports.columnRender = columnRender;
+exports.setHeader = setHeader;
+exports.setProps = setProps;

package/dist/components/el-tables/src/column.d.ts

@@ -0,0 +1,5 @@
+export declare function setProps(obj: ListObj, props: ObjAny): ObjAny;
+export declare function setHeader(obj: ListObj, scope: ObjAny, slots: ObjAny, emit: Function, props: ObjAny, index: number): any;
+export declare function columnRender(obj: ListObj, emit: Function, props: ObjAny, slots: ObjAny, index: number): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;

package/dist/components/el-tables/src/column.js

@@ -0,0 +1,124 @@
+import { inject, h } from "vue";
+import { setMinWidth } from "../../tables/common/util.js";
+import { ElTableColumn } from "element-plus";
+import { useGetDomLabel, useSetSlot, useSetCompon, useGetDomValue } from "../../common/use.js";
+import { useAttrValue } from "../../../hooks/inherit/index.js";
+import { getCompons } from "../../common/compons.js";
+const noProps = ["children", "class", "minWidth", "label"];
+function setProps(obj, props) {
+  const table = props.table;
+  const robj = {};
+  const issort = table["sort"];
+  robj["header-align"] = table["align"];
+  robj["align"] = useAttrValue(obj, "headerAlign") || table["align"];
+  Object.keys(obj).forEach((key) => {
+    if (!noProps.includes(key)) {
+      if (obj[key] !== "") {
+        robj[key] = obj[key];
+        if (key == "sortable") {
+          if (issort && obj[key]) {
+            robj[key] = "custom";
+          }
+        }
+      }
+    }
+  });
+  return robj;
+}
+function setSslot(obj, scope, emit, slots, props, index) {
+  const slot = useSetSlot(obj, scope.row, slots, index);
+  if (slot) {
+    return slot;
+  }
+  if (obj.compon) {
+    const isComponSelected = props.isComponSelected;
+    if (isComponSelected(obj, scope)) {
+      const optionss = props.options || {};
+      const compons = inject("tables-compons", {});
+      const column = useSetCompon(
+        obj,
+        scope.row,
+        optionss,
+        getCompons(compons),
+        emit,
+        index
+      );
+      if (column) {
+        return column;
+      }
+    }
+  }
+  return defaultDom(obj, scope, props);
+}
+function defaultDom(obj, scope, props, index) {
+  const table = props.table;
+  let domValue = "";
+  if (obj.type == "index") {
+    if (obj.index) {
+      domValue = obj.index(scope.$index, table.paginat);
+    } else {
+      if (table.paginat && table.paginat.current && table.paginat.pageSize) {
+        domValue = (table.paginat.current - 1) * table.paginat.pageSize + scope.$index + 1;
+      } else {
+        domValue = scope.$index + 1;
+      }
+    }
+    return domValue;
+  } else if (obj.type == "selection") {
+    return;
+  }
+  domValue = useGetDomValue(obj, scope.row, props.options, scope.$index);
+  return h(
+    "span",
+    {
+      class: "text",
+      onClick(event) {
+        if (obj.click) {
+          obj.click(event, scope, obj);
+        }
+      }
+    },
+    domValue ?? ""
+  );
+}
+function setHeader(obj, scope, slots, emit, props, index) {
+  const optionss = props.options || {};
+  const compons = inject("tables-compons", {});
+  return useGetDomLabel(
+    obj.label,
+    obj,
+    scope.row,
+    slots,
+    optionss,
+    compons,
+    emit,
+    index
+  );
+}
+function getDom(obj, emit, propss, slots, index) {
+  const props = setProps(obj, propss);
+  return h(
+    ElTableColumn,
+    {
+      ...props,
+      className: obj.class,
+      minWidth: setMinWidth(obj, propss)
+    },
+    {
+      default: (scope) => {
+        return setSslot(obj, scope, emit, slots, propss, index);
+      },
+      header: (scope) => {
+        return setHeader(obj, scope, slots, emit, propss, index);
+      }
+    }
+  );
+}
+function columnRender(obj, emit, props, slots, index) {
+  return getDom(obj, emit, props, slots, index);
+}
+export {
+  columnRender,
+  setHeader,
+  setProps
+};