@smallwei/avue 3.8.5 → 3.8.6

package/es/packages/element-plus/crud/column/column-slot3.mjs

@@ -0,0 +1,236 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { resolveComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, createVNode, createElementVNode, renderSlot, normalizeProps, mergeProps, createSlots, renderList, guardReactiveProps, createElementBlock, Fragment, withModifiers, createTextVNode, toDisplayString, normalizeStyle, normalizeClass, createCommentVNode } from 'vue';
+
+const _hoisted_1 = { key: 1 };
+const _hoisted_2 = {
+  key: 0,
+  class: "avue-crud__img"
+};
+const _hoisted_3 = ["innerHTML"];
+const _hoisted_4 = ["title", "textContent"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_form_temp = resolveComponent("form-temp");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  const _component_el_form_item = resolveComponent("el-form-item");
+  const _component_custom = resolveComponent("custom");
+  const _component_el_icon_document = resolveComponent("el-icon-document");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_link = resolveComponent("el-link");
+  const _component_avue_rate = resolveComponent("avue-rate");
+  const _component_icon_temp = resolveComponent("icon-temp");
+
+  return (_ctx.getColumnProp($props.column, 'hide'))
+    ? (openBlock(), createBlock(resolveDynamicComponent($options.crud.tableColumnName), {
+        key: $props.column.prop,
+        prop: $props.column.prop,
+        "grid-row": $props.column.gridRow,
+        label: $props.column.label,
+        "class-name": $props.column.className,
+        "label-class-name": $props.column.labelClassName,
+        "column-key": $props.column.prop,
+        "filter-placement": $props.column.filterPlacement,
+        "filtered-value": $props.column.filteredValue,
+        "filtered-multiple": $props.column.filterMultiple,
+        filters: _ctx.getColumnProp($props.column, 'filters'),
+        "filter-method": 
+      $props.column.filters
+        ? (value, row) =>
+            _ctx.getColumnProp($props.columnOption, 'filterMethod', { value, row, column: $props.column })
+        : undefined
+    ,
+        "filter-multiple": _ctx.validData($props.column.filterMultiple, true),
+        "show-overflow-tooltip": $props.column.showOverflowTooltip || $props.column.overHidden,
+        "tooltip-formatter": $props.column.tooltipFormatter,
+        "min-width": $props.column.minWidth,
+        sortable: _ctx.getColumnProp($props.column, 'sortable'),
+        "sort-method": $props.column.sortMethod,
+        "sort-orders": $props.column.sortOrders,
+        "sort-by": $props.column.sortBy,
+        resizable: $props.column.resizable,
+        "render-header": $props.column.renderHeader,
+        align: $props.column.align || $options.crud.tableOption.align,
+        "header-align": $props.column.headerAlign || $options.crud.tableOption.headerAlign,
+        width: _ctx.getColumnProp($props.column, 'width'),
+        fixed: _ctx.getColumnProp($props.column, 'fixed')
+      }, {
+        header: withCtx(({ $index }) => [
+          ($options.crud.getSlotName($props.column, 'H', $options.crud.$slots))
+            ? renderSlot(_ctx.$slots, $options.crud.getSlotName($props.column, 'H'), normalizeProps(mergeProps({ key: 0 }, { column: $props.column, $index })))
+            : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString($props.column.label), 1 /* TEXT */))
+        ]),
+        default: withCtx(({ row, column: tableColumn, $index }) => [
+          (row.$cellEdit && $props.column.cell)
+            ? (openBlock(), createBlock(_component_el_form_item, {
+                key: 0,
+                prop: $options.crud.isTree ? '' : `list.${$index}.${$props.column.prop}`,
+                label: $options.validLabel($props.column, row, ' '),
+                "label-width": $options.validLabel($props.column, row, '-1px'),
+                rules: $props.column.rules
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_tooltip, {
+                    content: ($options.crud.listError[`list.${$index}.${$props.column.prop}`] || {}).msg,
+                    disabled: 
+            !($options.crud.listError[`list.${$index}.${$props.column.prop}`] || {}).valid
+          ,
+                    placement: "top"
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", null, [
+                        ($options.crud.getSlotName($props.column, 'F', $options.crud.$slots))
+                          ? renderSlot(_ctx.$slots, $options.crud.getSlotName($props.column, 'F'), normalizeProps(mergeProps({ key: 0 }, {
+                row: row,
+                tableColumn: tableColumn,
+                column: $props.column,
+                dic: $options.crud.DIC[$props.column.prop],
+                size: $options.crud.size,
+                index: $index,
+                disabled: $options.crud.btnDisabledList[$index],
+                label: $options.handleDetail(row, $props.column),
+                $cell: row.$cellEdit,
+              })))
+                          : (openBlock(), createBlock(_component_form_temp, mergeProps({
+                              key: 1,
+                              column: $props.column,
+                              size: $options.crud.size,
+                              index: $index,
+                              row: row,
+                              prop: `list.${$index}.${$props.column.prop}`,
+                              clearValidate: $options.crud.clearValidate,
+                              render: $props.column.renderForm,
+                              "table-data": {
+                index: $index,
+                row: row,
+                label: $options.handleDetail(row, $props.column),
+              },
+                              dic: 
+                ($options.crud.cascaderDIC[$index] || {})[$props.column.prop] ||
+                $options.crud.DIC[$props.column.prop]
+              ,
+                              props: $props.column.props || $options.crud.tableOption.props,
+                              readonly: $props.column.readonly,
+                              disabled: 
+                $options.crud.disabled ||
+                $options.crud.tableOption.disabled ||
+                $props.column.disabled ||
+                $options.crud.btnDisabledList[$index]
+              ,
+                              clearable: _ctx.validData($props.column.clearable, false)
+                            }, _ctx.$uploadFun($props.column, $options.crud), {
+                              modelValue: row[$props.column.prop],
+                              "onUpdate:modelValue": $event => ((row[$props.column.prop]) = $event),
+                              "column-slot": $options.crud.mainSlot,
+                              onChange: $event => ($options.columnChange(row, $props.column, $index))
+                            }), createSlots({ _: 2 /* DYNAMIC */ }, [
+                              renderList($options.crud.mainSlot, (item) => {
+                                return {
+                                  name: item,
+                                  fn: withCtx((scope) => [
+                                    renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(scope)))
+                                  ])
+                                }
+                              })
+                            ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["column", "size", "index", "row", "prop", "clearValidate", "render", "table-data", "dic", "props", "readonly", "disabled", "clearable", "modelValue", "onUpdate:modelValue", "column-slot", "onChange"]))
+                      ])
+                    ]),
+                    _: 2 /* DYNAMIC */
+                  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["content", "disabled"])
+                ]),
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["prop", "label", "label-width", "rules"]))
+            : ($props.column.render)
+              ? (openBlock(), createBlock(_component_custom, {
+                  key: 1,
+                  column: $props.column,
+                  row: row,
+                  index: $index,
+                  render: $props.column.render,
+                  event: $props.column.event,
+                  params: $props.column.params
+                }, null, 8 /* PROPS */, ["column", "row", "index", "render", "event", "params"]))
+              : ($options.crud.$slots[$props.column.prop])
+                ? renderSlot(_ctx.$slots, $props.column.prop, {
+                    key: 2,
+                    row: row,
+                    tableColumn: tableColumn,
+                    column: $props.column,
+                    index: $index,
+                    dic: $options.crud.DIC[$props.column.prop],
+                    size: $options.crud.size,
+                    label: $options.handleDetail(row, $props.column)
+                  })
+                : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+                    (['img', 'upload'].includes($props.column.type))
+                      ? (openBlock(), createElementBlock("span", _hoisted_2, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList($options.getImgList(row, $props.column), (item, index) => {
+                            return (openBlock(), createElementBlock(Fragment, { key: index }, [
+                              ($options.isMediaType(item, $props.column.fileType))
+                                ? (openBlock(), createBlock(resolveDynamicComponent($options.isMediaType(item, $props.column.fileType)), {
+                                    key: 0,
+                                    src: item,
+                                    onClick: withModifiers($event => ($options.openImg(row, $props.column, index)), ["stop"])
+                                  }, null, 8 /* PROPS */, ["src", "onClick"]))
+                                : (openBlock(), createBlock(_component_el_icon, {
+                                    key: 1,
+                                    onClick: withModifiers($event => ($options.openImg(row, $props.column, index)), ["stop"])
+                                  }, {
+                                    default: withCtx(() => [
+                                      createVNode(_component_el_icon_document)
+                                    ]),
+                                    _: 2 /* DYNAMIC */
+                                  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]))
+                            ], 64 /* STABLE_FRAGMENT */))
+                          }), 128 /* KEYED_FRAGMENT */))
+                        ]))
+                      : ('url' === $props.column.type)
+                        ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList($options.corArray(row, $props.column), (item, index) => {
+                            return (openBlock(), createBlock(_component_el_link, {
+                              type: "primary",
+                              key: index,
+                              href: item,
+                              target: $props.column.target || '_blank'
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(item), 1 /* TEXT */)
+                              ]),
+                              _: 2 /* DYNAMIC */
+                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "target"]))
+                          }), 128 /* KEYED_FRAGMENT */))
+                        : ('rate' === $props.column.type)
+                          ? (openBlock(), createBlock(_component_avue_rate, {
+                              key: 2,
+                              disabled: "",
+                              modelValue: row[$props.column.prop],
+                              "onUpdate:modelValue": $event => ((row[$props.column.prop]) = $event)
+                            }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue"]))
+                          : ('color' === $props.column.type)
+                            ? (openBlock(), createElementBlock("i", {
+                                key: 3,
+                                class: "avue-crud__color",
+                                style: normalizeStyle({ backgroundColor: row[$props.column.prop] })
+                              }, null, 4 /* STYLE */))
+                            : ('icon' === $props.column.type)
+                              ? (openBlock(), createBlock(_component_icon_temp, {
+                                  key: 4,
+                                  text: row[$props.column.prop]
+                                }, null, 8 /* PROPS */, ["text"]))
+                              : ($props.column.html)
+                                ? (openBlock(), createElementBlock("span", {
+                                    key: 5,
+                                    innerHTML: $options.handleDetail(row, $props.column)
+                                  }, null, 8 /* PROPS */, _hoisted_3))
+                                : (openBlock(), createElementBlock("span", {
+                                    key: 6,
+                                    class: normalizeClass({ 'avue-crud__ellipsis': $props.column.ellipsis }),
+                                    title: $props.column.ellipsis ? $options.handleDetail(row, $props.column) : '',
+                                    textContent: toDisplayString($options.handleDetail(row, $props.column))
+                                  }, null, 10 /* CLASS, PROPS */, _hoisted_4))
+                  ], 64 /* STABLE_FRAGMENT */))
+        ]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["prop", "grid-row", "label", "class-name", "label-class-name", "column-key", "filter-placement", "filtered-value", "filtered-multiple", "filters", "filter-method", "filter-multiple", "show-overflow-tooltip", "tooltip-formatter", "min-width", "sortable", "sort-method", "sort-orders", "sort-by", "resizable", "render-header", "align", "header-align", "width", "fixed"]))
+    : createCommentVNode("v-if", true)
+}
+
+export { render };

package/es/packages/element-plus/crud/column/column.mjs

@@ -0,0 +1,8 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import script from './column2.mjs';
+import { render } from './column3.mjs';
+
+script.render = render;
+script.__file = "packages/element-plus/crud/column/column.vue";
+
+export { script as default };

package/es/packages/element-plus/crud/column/column2.mjs

@@ -0,0 +1,97 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import create from '../../../../src/core/create.mjs';
+import './column-dynamic.mjs';
+import './column-slot.mjs';
+import { arraySort } from '../../../../src/utils/util.mjs';
+import { DIC_PROPS } from '../../../../src/global/variable.mjs';
+import script$1 from './column-dynamic2.mjs';
+import script$2 from './column-slot2.mjs';
+
+var script = create({
+  name: "crud",
+  data() {
+    return {};
+  },
+  components: {
+    columnSlot: script$2,
+    columnDynamic: script$1,
+  },
+  inject: ["crud"],
+  provide() {
+    return {
+      crud: this.crud,
+      dynamic: this,
+    };
+  },
+  props: {
+    columnOption: Array,
+  },
+  computed: {
+    list() {
+      let result = [...this.columnOption];
+      result = arraySort(
+        result,
+        "index",
+        (a, b) =>
+          this.crud.objectOption[a.prop]?.index -
+          this.crud.objectOption[b.prop]?.index
+      );
+      return result;
+    },
+  },
+  methods: {
+    //表格筛选逻辑
+    handleFilterMethod(params) {
+      const { value, row, column } = params;
+      if (typeof column.filterMethod === "function") {
+        return column.filterMethod(value, row, column);
+      } else {
+        return row[column.prop] == value;
+      }
+    },
+    //表格筛选字典
+    handleFilters(column) {
+      if (Array.isArray(column.filters))
+        return column.filters.map((ele) => ({
+          text: ele.label,
+          value: ele.value,
+        }));
+      if (column.filters !== true) return undefined;
+      let DIC = this.crud.DIC[column.prop] || [];
+      let list = [];
+      if (!this.validatenull(DIC)) {
+        DIC.forEach((ele) => {
+          const props = column.props || this.crud.tableOption.props || {};
+          list.push({
+            text: ele[props.label || DIC_PROPS.label],
+            value: ele[props.value || DIC_PROPS.value],
+          });
+        });
+      } else {
+        this.crud.cellForm.list.forEach((ele) => {
+          if (!list.map((item) => item.text).includes(ele[column.prop])) {
+            list.push({
+              text: ele[column.prop],
+              value: ele[column.prop],
+            });
+          }
+        });
+      }
+      return list;
+    },
+    getColumnProp(column, type, params) {
+      let obj = column || {};
+      if (type === "filterMethod") return this.handleFilterMethod(params);
+      if (this.crud.isMobile && ["fixed"].includes(type)) return false;
+      let result = obj?.[type];
+      if (type == "width" && result == 0) {
+        return undefined;
+      }
+      if (type == "filters") return this.handleFilters(column);
+      if (type == "hide") return obj?.hide !== true;
+      else return result;
+    },
+  },
+});
+
+export { script as default };

package/es/packages/element-plus/crud/column/column3.mjs

@@ -0,0 +1,49 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { resolveComponent, openBlock, createElementBlock, Fragment, renderSlot, createCommentVNode, renderList, createBlock, createSlots, withCtx, mergeProps } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_column_dynamic = resolveComponent("column-dynamic");
+  const _component_column_slot = resolveComponent("column-slot");
+
+  return (openBlock(), createElementBlock(Fragment, null, [
+    renderSlot(_ctx.$slots, "header"),
+    createCommentVNode(" 动态列 "),
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (column) => {
+      return (openBlock(), createElementBlock(Fragment, {
+        key: column.prop
+      }, [
+        (column.children && column.children.length > 0)
+          ? (openBlock(), createBlock(_component_column_dynamic, {
+              key: 0,
+              columnOption: column
+            }, createSlots({ _: 2 /* DYNAMIC */ }, [
+              renderList(_ctx.crud.mainSlot, (item) => {
+                return {
+                  name: item,
+                  fn: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, item, mergeProps({ ref_for: true }, scope))
+                  ])
+                }
+              })
+            ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["columnOption"]))
+          : (openBlock(), createBlock(_component_column_slot, {
+              key: column.prop,
+              column: column,
+              "column-option": _ctx.columnOption
+            }, createSlots({ _: 2 /* DYNAMIC */ }, [
+              renderList(_ctx.crud.mainSlot, (item) => {
+                return {
+                  name: item,
+                  fn: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, item, mergeProps({ ref_for: true }, scope))
+                  ])
+                }
+              })
+            ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["column", "column-option"]))
+      ], 64 /* STABLE_FRAGMENT */))
+    }), 128 /* KEYED_FRAGMENT */)),
+    renderSlot(_ctx.$slots, "footer")
+  ], 64 /* STABLE_FRAGMENT */))
+}
+
+export { render };

package/es/packages/element-plus/crud/column/menu.mjs

@@ -0,0 +1,8 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import script from './menu2.mjs';
+import { render } from './menu3.mjs';
+
+script.render = render;
+script.__file = "packages/element-plus/crud/column/menu.vue";
+
+export { script as default };

package/es/packages/element-plus/crud/column/menu2.mjs

@@ -0,0 +1,53 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { detail } from '../../../../src/core/detail.mjs';
+import { DIC_SPLIT, DIC_PROPS } from '../../../../src/global/variable.mjs';
+
+var script = {
+  props: {
+    column: Object,
+    row: Object
+  },
+  inject: ['crud'],
+  methods: {
+    openImg (list, index) {
+      list = list.map(ele => {
+        return { thumbUrl: ele, url: ele }
+      });
+      this.$ImagePreview(list, index);
+    },
+    corArray (list, separator = DIC_SPLIT) {
+      if (this.validatenull(list)) {
+        return []
+      } else if (!Array.isArray(list)) {
+        return list.split(separator);
+      }
+      return list
+    },
+    getImgList (row, column) {
+      let url = (column.propsHttp || {}).home || '';
+      let value = (column.props || {}).value || DIC_PROPS.value;
+      if (this.validatenull(row[column.prop])) return []
+      if (column.listType == 'picture-img') return [url + row[column.prop]]
+      let list = this.corArray(this.deepClone(row[column.prop]), column.separator);
+      list.forEach((ele, index) => {
+        if (typeof ele === 'object') {
+          list[index] = url + ele[value];
+        } else {
+          list[index] = url + ele;
+        }
+      });
+      return list;
+    },
+    handleDetail (row, column) {
+      let result = row[column.prop];
+      let DIC = column.parentProp ? (this.crud.cascaderDIC[row.$index] || {})[column.prop] : this.crud.DIC[column.prop];
+      result = detail(row, column, this.crud.tableOption, DIC);
+      if (!this.validatenull(DIC)) {
+        row["$" + column.prop] = result;
+      }
+      return result;
+    },
+  }
+};
+
+export { script as default };

package/es/packages/element-plus/crud/column/menu3.mjs

@@ -0,0 +1,57 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode } from 'vue';
+
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { class: "avue-crud__img" };
+const _hoisted_3 = ["src", "onClick"];
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = { key: 2 };
+const _hoisted_6 = ["innerHTML"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_link = resolveComponent("el-link");
+  const _component_avue_rate = resolveComponent("avue-rate");
+
+  return (['img','upload'].includes($props.column.type))
+    ? (openBlock(), createElementBlock("span", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.getImgList($props.row,$props.column), (item, index) => {
+            return (openBlock(), createElementBlock("img", {
+              src: item,
+              key: index,
+              onClick: $event => ($options.openImg($options.getImgList($props.row,$props.column),index))
+            }, null, 8 /* PROPS */, _hoisted_3))
+          }), 128 /* KEYED_FRAGMENT */))
+        ])
+      ]))
+    : (['url'].includes($props.column.type))
+      ? (openBlock(), createElementBlock("span", _hoisted_4, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.corArray($props.row[$props.column.prop],$props.column.separator), (item, index) => {
+            return (openBlock(), createBlock(_component_el_link, {
+              type: "primary",
+              key: index,
+              href: item,
+              target: $props.column.target || '_blank'
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(item), 1 /* TEXT */)
+              ]),
+              _: 2 /* DYNAMIC */
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "target"]))
+          }), 128 /* KEYED_FRAGMENT */))
+        ]))
+      : (['rate'].includes($props.column.type))
+        ? (openBlock(), createElementBlock("span", _hoisted_5, [
+            createVNode(_component_avue_rate, {
+              disabled: "",
+              modelValue: $props.row[$props.column.prop],
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($props.row[$props.column.prop]) = $event))
+            }, null, 8 /* PROPS */, ["modelValue"])
+          ]))
+        : (openBlock(), createElementBlock("span", {
+            key: 3,
+            innerHTML: $options.handleDetail($props.row,$props.column)
+          }, null, 8 /* PROPS */, _hoisted_6))
+}
+
+export { render };

package/es/packages/element-plus/crud/config.mjs

@@ -1,5 +1,6 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 // crud 配置文件
-export default {
+var config = {
     menuWidth: 220,
     menuFixed: 'right',
     menuXsWidth: 100,
@@ -72,3 +73,5 @@ export default {
     dropColClass: '.el-table__header-wrapper tr',
     ghostClass: 'avue-crud__ghost',
 };
+
+export { config as default };

package/es/packages/element-plus/crud/dialog/dialog-column.mjs

@@ -0,0 +1,8 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import script from './dialog-column2.mjs';
+import { render } from './dialog-column3.mjs';
+
+script.render = render;
+script.__file = "packages/element-plus/crud/dialog/dialog-column.vue";
+
+export { script as default };

package/es/packages/element-plus/crud/dialog/dialog-column2.mjs

@@ -0,0 +1,65 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import create from '../../../../src/core/create.mjs';
+import locale from '../../../../src/core/locale.mjs';
+import '../../../../src/plugin/logs/index.mjs';
+import config from '../config.mjs';
+
+var script = create({
+  name: 'crud',
+  mixins: [locale],
+  inject: ["crud"],
+  data () {
+    return {
+      data: [],
+      columnBox: false
+    };
+  },
+  computed: {
+    defaultColumn () {
+      return [{
+        label: this.t('crud.column.hide'),
+        prop: 'hide'
+      }, {
+        label: this.t('crud.column.fixed'),
+        prop: 'fixed'
+      }, {
+        label: this.t('crud.column.filters'),
+        prop: 'filters'
+      }, {
+        label: this.t('crud.column.sortable'),
+        prop: 'sortable'
+      }, {
+        label: this.t('crud.column.width'),
+        prop: 'width',
+        hide: true
+      }]
+    }
+  },
+  methods: {
+    handleShow () {
+      this.data = [];
+      this.crud.propOption.forEach(column => {
+        if (column.showColumn != false) this.data.push(column);
+      });
+      this.columnBox = true;
+      this.$nextTick(() => this.rowDrop());
+    },
+    handleChange (prop) {
+      if (prop === 'hide') {
+        this.crud.gridShow ? this.crud.refreshTable() : this.crud.doLayout();
+      } else if (prop === 'filters') {
+        this.crud.refreshTable();
+      }
+    },
+    rowDrop () {
+      const el = this.$refs.table.$el.querySelectorAll(config.dropRowClass)[0];
+      this.crud.tableDrop('column', el, evt => {
+        const oldIndex = evt.oldIndex;
+        const newIndex = evt.newIndex;
+        this.crud.headerSort(oldIndex, newIndex);
+      });
+    },
+  }
+});
+
+export { script as default };