@fangzhongya/fang-ui 0.0.67 → 0.0.69

package/dist/components/page/src/set-column2.js

@@ -1,14 +1,11 @@
-import { defineComponent, ref, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createTextVNode, createElementVNode, createBlock, Fragment, renderList, mergeProps, toDisplayString, withModifiers } from "vue";
+import { defineComponent, ref, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, Fragment, renderList, mergeProps, withModifiers } from "vue";
 import Draggable from "vuedraggable";
 import { Dialogs } from "../../dialogs/index.js";
 import { NoData } from "../../no-data/index.js";
+import { Checkbox } from "../../checkbox/index.js";
+import { Button } from "../../button/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import { ElCheckbox } from "element-plus/es/components/checkbox/index";
-import { ElButton } from "element-plus/es/components/button/index";
-const _hoisted_1 = {
-  key: 1,
-  class: "no-data"
-};
+import { useLocale } from "../../../hooks/locale/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "set-column",
   props: {
@@ -19,15 +16,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     },
     list: {
-      type: Array
+      type: Array,
+      default() {
+        return [];
+      }
     }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
+    const { getLocale } = useLocale();
     const props = __props;
     const emit = __emit;
     const cs = useCssName("set-column");
     const dialogVisible = ref(false);
+    const isall = ref(false);
     const value = ref([...props.modelValue]);
     watch(
       () => props.modelValue,
@@ -36,8 +38,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     const onOpen = () => {
+      var _a;
       value.value = [...props.modelValue];
       dialogVisible.value = true;
+      if (value.value.length == ((_a = props.list) == null ? void 0 : _a.length)) {
+        isall.value = true;
+      }
     };
     const isChecked = (item) => {
       return value.value.map((o) => o.prop).includes(item.prop);
@@ -54,31 +60,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const drag = ref(false);
     const onChange = (item, is) => {
+      var _a;
       if (is) {
         value.value.push(item);
+        if (value.value.length == ((_a = props.list) == null ? void 0 : _a.length)) {
+          isall.value = true;
+        }
       } else {
         const v = value.value.map((o) => o.prop);
         value.value.splice(v.indexOf(item.prop), 1);
+        isall.value = false;
       }
     };
     const onDelete = (item, index) => {
       value.value.splice(index, 1);
+      isall.value = false;
+    };
+    const onAllChange = (is) => {
+      if (is) {
+        value.value = [...props.list];
+      } else {
+        value.value = [];
+      }
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(cs).z())
       }, [
-        createVNode(unref(ElButton), { onClick: onOpen }, {
-          default: withCtx(() => [..._cache[4] || (_cache[4] = [
-            createTextVNode("列设置", -1)
-          ])]),
+        createVNode(unref(Button), { onClick: onOpen }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(getLocale)("setColumn.name")), 1)
+          ]),
           _: 1
         }),
         createVNode(unref(Dialogs), {
           class: normalizeClass(unref(cs).z("dialog")),
           modelValue: dialogVisible.value,
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
-          title: "设置显示字段",
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dialogVisible.value = $event),
+          width: 900,
+          title: unref(getLocale)("setColumn.title"),
           onConfirm: onSubmit
         }, {
           default: withCtx(() => [
@@ -90,13 +110,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("div", {
                   class: normalizeClass(unref(cs).z("title"))
-                }, "可选字段", 2),
+                }, [
+                  createElementVNode("span", null, toDisplayString(unref(getLocale)("setColumn.optional")), 1),
+                  createElementVNode("span", {
+                    class: normalizeClass(unref(cs).z("title-all"))
+                  }, [
+                    createVNode(unref(Checkbox), {
+                      modelValue: isall.value,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isall.value = $event),
+                      onChange: onAllChange
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(getLocale)("setColumn.all")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ], 2)
+                ], 2),
                 (openBlock(), createElementBlock("div", {
                   class: normalizeClass(unref(cs).z("check-list")),
                   key: value.value.length
                 }, [
-                  props.list && props.list.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.list, (item, index) => {
-                    return openBlock(), createBlock(unref(ElCheckbox), {
+                  props.list.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.list, (item, index) => {
+                    return openBlock(), createBlock(unref(Checkbox), {
                       class: normalizeClass(unref(cs).z("check-list-li")),
                       key: index,
                       label: item.label,
@@ -112,46 +148,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("div", {
                   class: normalizeClass(unref(cs).z("title"))
-                }, "已选字段", 2),
+                }, toDisplayString(unref(getLocale)("setColumn.selected")), 3),
                 createElementVNode("div", {
                   class: normalizeClass(unref(cs).z("already-list"))
                 }, [
                   value.value && value.value.length > 0 ? (openBlock(), createBlock(unref(Draggable), mergeProps({ key: 0 }, dragOptions, {
-                    onStart: _cache[0] || (_cache[0] = ($event) => drag.value = true),
-                    onEnd: _cache[1] || (_cache[1] = ($event) => drag.value = false),
+                    onStart: _cache[1] || (_cache[1] = ($event) => drag.value = true),
+                    onEnd: _cache[2] || (_cache[2] = ($event) => drag.value = false),
                     modelValue: value.value,
-                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => value.value = $event),
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => value.value = $event),
                     "item-key": (value2) => value2,
                     handle: ".handle"
                   }), {
                     item: withCtx(({ element, index }) => [
                       createElementVNode("div", {
-                        class: normalizeClass(unref(cs).z("already-li"))
+                        class: normalizeClass(["handle", unref(cs).z("already-li")])
                       }, [
                         createElementVNode("div", {
-                          class: normalizeClass(["handle", unref(cs).z("already-li-v")])
+                          class: normalizeClass(unref(cs).z("already-li-v"))
                         }, [
                           createElementVNode("div", null, toDisplayString(element.label), 1)
                         ], 2),
-                        createVNode(unref(ElButton), {
+                        createVNode(unref(Button), {
                           text: "",
+                          type: "danger",
                           onClick: withModifiers(($event) => onDelete(element, index), ["stop"])
                         }, {
-                          default: withCtx(() => [..._cache[5] || (_cache[5] = [
-                            createTextVNode(" 删除 ", -1)
-                          ])]),
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(getLocale)("setColumn.delete")), 1)
+                          ]),
                           _: 1
                         }, 8, ["onClick"])
                       ], 2)
                     ]),
                     _: 1
-                  }, 16, ["modelValue", "item-key"])) : (openBlock(), createElementBlock("div", _hoisted_1, "未选字段"))
+                  }, 16, ["modelValue", "item-key"])) : (openBlock(), createBlock(unref(NoData), {
+                    key: 1,
+                    text: unref(getLocale)("setColumn.nodata")
+                  }, null, 8, ["text"]))
                 ], 2)
               ], 2)
             ], 2)
           ]),
           _: 1
-        }, 8, ["class", "modelValue"])
+        }, 8, ["class", "modelValue", "title"])
       ], 2);
     };
   }

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

@@ -5,11 +5,11 @@ const data = require("../../box/src/data.cjs");
 const dataProps = buildProps.buildProps({
   ...data.dataProps,
   /**
-   * @props { String, Boolean } drag='.box-title-name' ( )
+   * @props { String } drag='.box-title-name' ( )
    * 可拖拽的元素样式 为空字符串就不拖拽
    */
   drag: {
-    type: [String, Boolean]
+    type: String
   },
   /**
    * @props { Boolean } drag= ( )

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

@@ -2,11 +2,11 @@ import { ExtractPublicPropTypes } from 'vue';
 import { FunctConfig } from '../../../utils/enums';
 export declare const dataProps: {
     /**
-     * @props { String, Boolean } drag='.box-title-name' ( )
+     * @props { String } drag='.box-title-name' ( )
      * 可拖拽的元素样式 为空字符串就不拖拽
      */
     drag: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: StringConstructor;
     };
     /**
      * @props { Boolean } drag= ( )

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

@@ -3,11 +3,11 @@ import { dataProps as dataProps$1, dataEmits as dataEmits$1, dataSlot as dataSlo
 const dataProps = buildProps({
   ...dataProps$1,
   /**
-   * @props { String, Boolean } drag='.box-title-name' ( )
+   * @props { String } drag='.box-title-name' ( )
    * 可拖拽的元素样式 为空字符串就不拖拽
    */
   drag: {
-    type: [String, Boolean]
+    type: String
   },
   /**
    * @props { Boolean } drag= ( )

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

@@ -12,7 +12,7 @@ const dataProps = {
   }
 };
 const dataHandle = list.comHandle;
-const dataEmits = [...list.emits];
+const dataEmits = [...list.emits, "click-multiple"];
 exports.dataEmits = dataEmits;
 exports.dataHandle = dataHandle;
 exports.dataProps = dataProps;

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

@@ -10,7 +10,7 @@ const dataProps = {
   }
 };
 const dataHandle = comHandle;
-const dataEmits = [...emits];
+const dataEmits = [...emits, "click-multiple"];
 export {
   dataEmits,
   dataHandle,

package/dist/components/stick-edge/src/data.cjs

@@ -1,15 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
-require("../../../utils/vues/definePropType.cjs");
 const dataProps = buildProps.buildProps({
   /**
-   * @props { String, Boolean } drag=true ( )
+   * @props { String } drag= ( )
    * 可拖拽的元素样式 为空字符串就不拖拽
    */
   drag: {
-    type: [String, Boolean],
-    default: true
+    type: String
   },
   /**
    * @props { String, Array<Direction> } direction='' ( )

package/dist/components/stick-edge/src/data.d.ts

@@ -2,12 +2,11 @@ import { ExtractPublicPropTypes } from 'vue';
 type Direction = '' | 'left' | 'right' | 'top' | 'bottom';
 export declare const dataProps: {
     /**
-     * @props { String, Boolean } drag=true ( )
+     * @props { String } drag= ( )
      * 可拖拽的元素样式 为空字符串就不拖拽
      */
     drag: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: boolean;
+        type: StringConstructor;
     };
     /**
      * @props { String, Array<Direction> } direction='' ( )

package/dist/components/stick-edge/src/data.js

@@ -1,13 +1,11 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
-import "../../../utils/vues/definePropType.js";
 const dataProps = buildProps({
   /**
-   * @props { String, Boolean } drag=true ( )
+   * @props { String } drag= ( )
    * 可拖拽的元素样式 为空字符串就不拖拽
    */
   drag: {
-    type: [String, Boolean],
-    default: true
+    type: String
   },
   /**
    * @props { String, Array<Direction> } direction='' ( )

package/dist/components/stick-window/src/data.cjs

@@ -7,11 +7,11 @@ const dataProps = buildProps.buildProps({
   ...data$1.dataProps,
   ...data.dataProps,
   /**
-   * @props { String, Boolean} drag= ( )
+   * @props { String} drag= ( )
    * 可拖拽的元素样式
    */
   drag: {
-    type: [String, Boolean]
+    type: String
   }
 });
 const dataEmits = {};

package/dist/components/stick-window/src/data.d.ts

@@ -3,11 +3,11 @@ import { Direction } from '../../stick-div/src/data';
 import { FunctConfig } from '../../../utils/enums';
 export declare const dataProps: {
     /**
-     * @props { String, Boolean} drag= ( )
+     * @props { String} drag= ( )
      * 可拖拽的元素样式
      */
     drag: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: StringConstructor;
     };
     direction: {
         type: PropType<Direction>;

package/dist/components/stick-window/src/data.js

@@ -5,11 +5,11 @@ const dataProps = buildProps({
   ...dataProps$2,
   ...dataProps$1,
   /**
-   * @props { String, Boolean} drag= ( )
+   * @props { String} drag= ( )
    * 可拖拽的元素样式
    */
   drag: {
-    type: [String, Boolean]
+    type: String
   }
 });
 const dataEmits = {};

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

@@ -6,11 +6,11 @@ const data = require("../../box/src/data.cjs");
 const dataProps = buildProps.buildProps({
   ...data.dataProps,
   /**
-   * @props { String, Boolean } drag='.box-title-name' ( )
+   * @props { String } drag='.box-title-name' ( )
    * 可拖拽的元素样式 为空字符串就不拖拽
    */
   drag: {
-    type: [String, Boolean]
+    type: String
   },
   /**
    * @props { Boolean } adjust=true ( )

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

@@ -7,11 +7,11 @@ type Pallet = {
 };
 export declare const dataProps: {
     /**
-     * @props { String, Boolean } drag='.box-title-name' ( )
+     * @props { String } drag='.box-title-name' ( )
      * 可拖拽的元素样式 为空字符串就不拖拽
      */
     drag: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: StringConstructor;
     };
     /**
      * @props { Boolean } adjust=true ( )

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

@@ -4,11 +4,11 @@ import { dataProps as dataProps$1, dataEmits as dataEmits$1, dataSlot as dataSlo
 const dataProps = buildProps({
   ...dataProps$1,
   /**
-   * @props { String, Boolean } drag='.box-title-name' ( )
+   * @props { String } drag='.box-title-name' ( )
    * 可拖拽的元素样式 为空字符串就不拖拽
    */
   drag: {
-    type: [String, Boolean]
+    type: String
   },
   /**
    * @props { Boolean } adjust=true ( )

package/dist/css/index.css

@@ -668,17 +668,80 @@
   display: flex;
   margin-right: 20px;
 }
-.page-operations > .el-button {
+.page-operations .el-button {
   margin-left: 2px;
   margin-right: 2px;
   padding-left: 5px;
   padding-right: 5px;
 }
+.page-operations .el-button:first-child {
+  margin-left: 0;
+}
+.page-operations .el-button:last-child {
+  margin-right: 0;
+}
 .page-footer {
   padding: 10px;
   text-align: right;
   background-color: #f5f5f5;
 }
+.page .set-column {
+  margin-left: 10px;
+}
+.page .set-column .set-column-dialog-main {
+  font-size: 16px;
+  display: flex;
+}
+.page .set-column .set-column-dialog-main .set-column-title {
+  height: 40px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.page .set-column .set-column-dialog-main .set-column-title .set-column-title-all {
+  margin-right: 20px;
+}
+.page .set-column .set-column-dialog-main .set-column-check {
+  flex: 1;
+}
+.page .set-column .set-column-dialog-main .set-column-check .set-column-check-list {
+  padding: 10px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  overflow-y: auto;
+}
+.page .set-column .set-column-dialog-main .set-column-check .set-column-check-list .set-column-check-list-li {
+  margin-right: 0;
+  width: 33%;
+  height: 40px;
+}
+.page .set-column .set-column-dialog-main .set-column-already {
+  border-left: 1px solid #999;
+  padding-left: 20px;
+  width: 240px;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list {
+  padding: 10px 10px 10px 0;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li {
+  height: 40px;
+  line-height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #ccc;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li:first-child {
+  border-top: 1px solid #ccc;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li .set-column-already-li-v {
+  display: flex;
+  flex: 1;
+  align-items: center;
+}
 
 .retract {
   position: relative;
@@ -1162,6 +1225,10 @@
   height: 100%;
 }
 
+.switchs-switch {
+  height: 100%;
+}
+
 .lists {
   width: 100%;
   min-height: 100px;
@@ -1328,26 +1395,4 @@
   left: 0;
   z-index: 1;
   opacity: 0;
-}
-
-.tablesvp {
-  width: 100%;
-  height: var(--tablesvp-height);
-  display: flex;
-  flex-direction: column;
-}
-.tablesvp-main {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  width: 100%;
-}
-.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
-  display: none;
-}
-.tablesvp-paginat {
-  overflow: hidden;
-}
-.tablesvp-paginat .el-pagination {
-  justify-content: flex-end;
 }

package/dist/css/page.css

@@ -290,14 +290,77 @@
   display: flex;
   margin-right: 20px;
 }
-.page-operations > .el-button {
+.page-operations .el-button {
   margin-left: 2px;
   margin-right: 2px;
   padding-left: 5px;
   padding-right: 5px;
 }
+.page-operations .el-button:first-child {
+  margin-left: 0;
+}
+.page-operations .el-button:last-child {
+  margin-right: 0;
+}
 .page-footer {
   padding: 10px;
   text-align: right;
   background-color: #f5f5f5;
+}
+.page .set-column {
+  margin-left: 10px;
+}
+.page .set-column .set-column-dialog-main {
+  font-size: 16px;
+  display: flex;
+}
+.page .set-column .set-column-dialog-main .set-column-title {
+  height: 40px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.page .set-column .set-column-dialog-main .set-column-title .set-column-title-all {
+  margin-right: 20px;
+}
+.page .set-column .set-column-dialog-main .set-column-check {
+  flex: 1;
+}
+.page .set-column .set-column-dialog-main .set-column-check .set-column-check-list {
+  padding: 10px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  overflow-y: auto;
+}
+.page .set-column .set-column-dialog-main .set-column-check .set-column-check-list .set-column-check-list-li {
+  margin-right: 0;
+  width: 33%;
+  height: 40px;
+}
+.page .set-column .set-column-dialog-main .set-column-already {
+  border-left: 1px solid #999;
+  padding-left: 20px;
+  width: 240px;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list {
+  padding: 10px 10px 10px 0;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li {
+  height: 40px;
+  line-height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #ccc;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li:first-child {
+  border-top: 1px solid #ccc;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li .set-column-already-li-v {
+  display: flex;
+  flex: 1;
+  align-items: center;
 }

package/dist/directives/drag/index.cjs

@@ -61,7 +61,14 @@ function setDom(dom, el, value) {
       dom.style.cursor = "grabbing";
       return true;
     };
-    getShiftEvent.pressEvent(dom, mousedown, handleMouseMove, handleMouseUp);
+    getShiftEvent.pressEvent(
+      dom,
+      mousedown,
+      handleMouseMove,
+      handleMouseUp,
+      void 0,
+      "mouse"
+    );
     setCss.setCss(dom, "cursor", "grab");
   }
 }
@@ -73,8 +80,6 @@ const vDrag = {
     if (value.dom) {
       if (typeof value.dom == "string") {
         dom = el.querySelector(value.dom);
-      } else if (typeof value.dom == "boolean") {
-        dom = el;
       } else {
         dom = value.dom;
       }

package/dist/directives/drag/index.js

@@ -59,7 +59,14 @@ function setDom(dom, el, value) {
       dom.style.cursor = "grabbing";
       return true;
     };
-    pressEvent(dom, mousedown, handleMouseMove, handleMouseUp);
+    pressEvent(
+      dom,
+      mousedown,
+      handleMouseMove,
+      handleMouseUp,
+      void 0,
+      "mouse"
+    );
     setCss(dom, "cursor", "grab");
   }
 }
@@ -71,8 +78,6 @@ const vDrag = {
     if (value.dom) {
       if (typeof value.dom == "string") {
         dom = el.querySelector(value.dom);
-      } else if (typeof value.dom == "boolean") {
-        dom = el;
       } else {
         dom = value.dom;
       }