element-ui-pro-components-test 1.5.0

package/lib/theme-chalk/editable-pro-table.css

@@ -0,0 +1 @@
+.btn-add[data-v-162f12bc]{border-style:dashed;margin:10px 0;width:100%}.editable-form-item.el-form-item.is-editable[data-v-6714ad42]{width:calc(100% - 1px)}.editable-form-item.is-required[data-v-6714ad42]{position:relative}.editable-form-item.is-required[data-v-6714ad42]:before{color:#f56c6c;content:"*";left:-8px;position:absolute}.editable-form-item[data-v-6714ad42] .el-form-item__content .el-cascader,.editable-form-item[data-v-6714ad42] .el-form-item__content .el-date-editor,.editable-form-item[data-v-6714ad42] .el-form-item__content .el-input-number,.editable-form-item[data-v-6714ad42] .el-form-item__content .el-select{width:100%}.text-ellipsis[data-v-934d518a]{display:block;line-height:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.editable-form-item.el-form-item[data-v-934d518a]{margin-bottom:0}.editable-form-item.el-form-item[data-v-934d518a] .el-form-item__content{font-size:unset}.btn-save+span[data-v-7488f54c],span[data-v-7488f54c]+.btn-cancel{margin-left:10px}.editable-pro-table__popover--delete.el-popover{min-width:unset}.editable-pro-table__popover--delete.el-popover>i{color:#f90;margin-right:5px}.editable-pro-table__popover--delete.el-popover>div{margin-left:8px;margin-top:10px}.btn-add-box[data-v-b4388ac0]{left:0;padding:0 10px;position:sticky}.btn-add-box[data-v-b4388ac0]:after{background-color:#ebeef5;bottom:0;content:"";display:inline-block;height:1px;left:0;position:absolute;width:100%}.editable-pro-table[data-v-b4388ac0] .editable-pro-table__fixed-left,.editable-pro-table[data-v-b4388ac0] .editable-pro-table__fixed-right{background-color:#fff;position:sticky;z-index:2}.editable-pro-table[data-v-b4388ac0] td.el-table__cell .cell,.editable-pro-table[data-v-b4388ac0] th.el-table__cell{overflow:unset}.editable-pro-table[data-v-b4388ac0] td.el-table__cell:has(.is-editable){padding:18px 0}.editable-pro-table.el-table--small[data-v-b4388ac0] td.el-table__cell:has(.is-editable){padding:16px 0}.el-form-item.is-error .editable-pro-table .el-input__inner,.el-form-item.is-error .editable-pro-table .el-input__inner:focus{border-color:#dcdfe6}.editable-pro-table .el-form-item.is-error .el-input__inner{border-color:#f56c6c}.editable-pro-table .el-table__body-wrapper.is-scrolling-middle .editable-pro-table__fixed-start-shadow:after,.editable-pro-table .el-table__body-wrapper.is-scrolling-right .editable-pro-table__fixed-start-shadow:after,.editable-pro-table:has(.el-table__body-wrapper.is-scrolling-middle) .editable-pro-table__fixed-start-shadow:after,.editable-pro-table:has(.el-table__body-wrapper.is-scrolling-right) .editable-pro-table__fixed-start-shadow:after{box-shadow:inset 10px 0 8px -8px rgba(5,5,5,.06);content:"";height:100%;inset-inline-start:100%;pointer-events:none;position:absolute;top:0;transition:box-shadow .3s;width:30px;z-index:4}.editable-pro-table .el-table__body-wrapper.is-scrolling-left .editable-pro-table__fixed-end-shadow:before,.editable-pro-table .el-table__body-wrapper.is-scrolling-middle .editable-pro-table__fixed-end-shadow:before,.editable-pro-table:has(.el-table__body-wrapper.is-scrolling-left) .editable-pro-table__fixed-end-shadow:before,.editable-pro-table:has(.el-table__body-wrapper.is-scrolling-middle) .editable-pro-table__fixed-end-shadow:before{box-shadow:inset -10px 0 8px -8px rgba(5,5,5,.06);content:"";height:100%;inset-inline-end:100%;pointer-events:none;position:absolute;top:0;transition:box-shadow .3s;width:30px}

package/lib/theme-chalk/index.css

@@ -0,0 +1 @@
+.icon-algin-group[data-v-5f8a700e]{align-items:center;color:#1677ff;cursor:pointer;display:none;gap:8px;margin-left:auto;transition:display .2s}.icon-algin-group svg[data-v-5f8a700e]{outline:none}.column-settings-item-list>.title[data-v-754a43f6]{color:rgba(42,46,54,.65);font-size:12px;margin-block-end:6px;margin-block-start:6px;padding-inline-start:24px}.column-settings-item-list .column-settings-item[data-v-754a43f6]{align-items:center;color:rgba(42,46,54,.88);display:flex;outline:none;padding:0 0 4px}.column-settings-item-list .column-settings-item.draggable[data-v-754a43f6]{cursor:grab}.column-settings-item-list .column-settings-item.dragging[data-v-754a43f6]{position:relative}.column-settings-item-list .column-settings-item.dragging[data-v-754a43f6]:after{animation-duration:.3s;animation-fill-mode:forwards;animation-name:fade-754a43f6;animation-play-state:running;border:1px solid #1677ff;bottom:4px;content:"";inset-inline-end:0;inset-inline-start:0;opacity:0;pointer-events:none;position:absolute;top:0}.column-settings-item-list .column-settings-item .indicator[data-v-754a43f6]{background-color:#1677ff;border-radius:1px;bottom:-3px;height:2px;pointer-events:none;position:absolute;width:calc(100% - 4px);z-index:1}.column-settings-item-list .column-settings-item .indicator.head-indicator[data-v-754a43f6]{top:0}.column-settings-item-list .column-settings-item .indicator[data-v-754a43f6]:after,.column-settings-item-list .column-settings-item .indicator[data-v-754a43f6]:before{background-color:transparent;border:2px solid #1677ff;border-radius:50%;box-sizing:border-box;content:"";height:8px;inset-inline-start:-6px;left:0;position:absolute;top:-3px;width:8px}.column-settings-item-list .column-settings-item .icon-holder[data-v-754a43f6]{flex-shrink:0;line-height:24px;opacity:.2;text-align:center;transition:opacity .3s;visibility:visible;width:24px}.column-settings-item-list .column-settings-item .switcher[data-v-754a43f6]{align-self:stretch;border-radius:6px;cursor:unset;flex:none;line-height:24px;margin:0;text-align:center;transition:all .3s;user-select:none;width:24px}.column-settings-item-list .column-settings-item .text-wrapper[data-v-754a43f6],.column-settings-item-list .column-settings-item[data-v-754a43f6] .el-checkbox{flex:1}.column-settings-item-list .column-settings-item .text-wrapper[data-v-754a43f6],.column-settings-item-list .column-settings-item[data-v-754a43f6] .el-checkbox__label{border-radius:6px;box-sizing:border-box;display:inline-flex;line-height:24px;padding:0 4px;position:relative;transition:background-color .2s}.column-settings-item-list .column-settings-item[data-v-754a43f6] .el-checkbox__label{margin-left:4px;width:calc(100% - 18px)}.column-settings-item-list .column-settings-item[data-v-754a43f6] .label{display:inline-block;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.column-settings-item-list .column-settings-item[data-v-754a43f6] .label:empty:before{content:"\00a0"}.column-settings-item-list .column-settings-item:hover .text-wrapper[data-v-754a43f6],.column-settings-item-list .column-settings-item[data-v-754a43f6]:hover .el-checkbox__label{background:rgba(42,46,54,.04)}.column-settings-item-list .column-settings-item:hover .icon-algin-group[data-v-754a43f6]{display:inline-flex}@keyframes fade-754a43f6{0%{opacity:0}to{opacity:1}}.pro-table__toolbar-item[data-v-1789e606]{color:rgba(42,46,54,.88);cursor:pointer;display:flex;font-size:16px;margin-block:0;margin-inline:4px}.pro-table__toolbar-item svg[data-v-1789e606]{outline:none}.pro-table__toolbar-item[data-v-1789e606]:hover{color:#409eff}.column-settings-popover .popover-header[data-v-1789e606]{display:flex;justify-content:space-between;padding:5px 0}.column-settings-popover .popover-header[data-v-1789e606] .el-checkbox__label{padding-inline-start:8px}.column-settings-popover .popover-header .btn-reset[data-v-1789e606]{color:#409eff;cursor:pointer;font-weight:500}.column-settings-popover .popover-header .btn-reset[data-v-1789e606]:hover{color:#66b1ff}.column-settings-popover .popover-header .btn-reset[data-v-1789e606],.column-settings-popover .popover-header .column-display[data-v-1789e606],.column-settings-popover .popover-header[data-v-1789e606] .el-checkbox__label{line-height:22px}.column-settings-popover .popover-content[data-v-1789e606]{padding-block:0;padding-block-end:8px;padding-inline:0;width:200px}.pro-table__form[data-v-0d0329af]{background-color:#fff;margin-block-end:16px}.pro-table__form[data-v-0d0329af] .el-form-item__content .el-cascader,.pro-table__form[data-v-0d0329af] .el-form-item__content .el-date-editor,.pro-table__form[data-v-0d0329af] .el-form-item__content .el-input-number,.pro-table__form[data-v-0d0329af] .el-form-item__content .el-select{width:100%}.pro-table__form .search-wrapper[data-v-0d0329af]{align-items:center;display:flex;justify-content:flex-end}.pro-table__form .btn-collapse.el-button[data-v-0d0329af]{margin-left:16px}.pro-table__form .btn-collapse.el-button[data-v-0d0329af] span{align-items:center;display:inline-flex;gap:.5em}.pro-table__toolbar[data-v-0d0329af]{display:flex;justify-content:space-between;padding-bottom:16px}.pro-table__toolbar .pro-table__toolbar-items[data-v-0d0329af]{align-items:center;display:flex;gap:8px;margin-left:auto}.pro-table__pagination[data-v-0d0329af]{display:flex;justify-content:flex-end;margin:16px 0;margin-block-end:0}.btn-add[data-v-162f12bc]{border-style:dashed;margin:10px 0;width:100%}.editable-form-item.el-form-item.is-editable[data-v-6714ad42]{width:calc(100% - 1px)}.editable-form-item.is-required[data-v-6714ad42]{position:relative}.editable-form-item.is-required[data-v-6714ad42]:before{color:#f56c6c;content:"*";left:-8px;position:absolute}.editable-form-item[data-v-6714ad42] .el-form-item__content .el-cascader,.editable-form-item[data-v-6714ad42] .el-form-item__content .el-date-editor,.editable-form-item[data-v-6714ad42] .el-form-item__content .el-input-number,.editable-form-item[data-v-6714ad42] .el-form-item__content .el-select{width:100%}.text-ellipsis[data-v-934d518a]{display:block;line-height:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.editable-form-item.el-form-item[data-v-934d518a]{margin-bottom:0}.editable-form-item.el-form-item[data-v-934d518a] .el-form-item__content{font-size:unset}.btn-save+span[data-v-7488f54c],span[data-v-7488f54c]+.btn-cancel{margin-left:10px}.editable-pro-table__popover--delete.el-popover{min-width:unset}.editable-pro-table__popover--delete.el-popover>i{color:#f90;margin-right:5px}.editable-pro-table__popover--delete.el-popover>div{margin-left:8px;margin-top:10px}.btn-add-box[data-v-b4388ac0]{left:0;padding:0 10px;position:sticky}.btn-add-box[data-v-b4388ac0]:after{background-color:#ebeef5;bottom:0;content:"";display:inline-block;height:1px;left:0;position:absolute;width:100%}.editable-pro-table[data-v-b4388ac0] .editable-pro-table__fixed-left,.editable-pro-table[data-v-b4388ac0] .editable-pro-table__fixed-right{background-color:#fff;position:sticky;z-index:2}.editable-pro-table[data-v-b4388ac0] td.el-table__cell .cell,.editable-pro-table[data-v-b4388ac0] th.el-table__cell{overflow:unset}.editable-pro-table[data-v-b4388ac0] td.el-table__cell:has(.is-editable){padding:18px 0}.editable-pro-table.el-table--small[data-v-b4388ac0] td.el-table__cell:has(.is-editable){padding:16px 0}.el-form-item.is-error .editable-pro-table .el-input__inner,.el-form-item.is-error .editable-pro-table .el-input__inner:focus{border-color:#dcdfe6}.editable-pro-table .el-form-item.is-error .el-input__inner{border-color:#f56c6c}.editable-pro-table .el-table__body-wrapper.is-scrolling-middle .editable-pro-table__fixed-start-shadow:after,.editable-pro-table .el-table__body-wrapper.is-scrolling-right .editable-pro-table__fixed-start-shadow:after,.editable-pro-table:has(.el-table__body-wrapper.is-scrolling-middle) .editable-pro-table__fixed-start-shadow:after,.editable-pro-table:has(.el-table__body-wrapper.is-scrolling-right) .editable-pro-table__fixed-start-shadow:after{box-shadow:inset 10px 0 8px -8px rgba(5,5,5,.06);content:"";height:100%;inset-inline-start:100%;pointer-events:none;position:absolute;top:0;transition:box-shadow .3s;width:30px;z-index:4}.editable-pro-table .el-table__body-wrapper.is-scrolling-left .editable-pro-table__fixed-end-shadow:before,.editable-pro-table .el-table__body-wrapper.is-scrolling-middle .editable-pro-table__fixed-end-shadow:before,.editable-pro-table:has(.el-table__body-wrapper.is-scrolling-left) .editable-pro-table__fixed-end-shadow:before,.editable-pro-table:has(.el-table__body-wrapper.is-scrolling-middle) .editable-pro-table__fixed-end-shadow:before{box-shadow:inset -10px 0 8px -8px rgba(5,5,5,.06);content:"";height:100%;inset-inline-end:100%;pointer-events:none;position:absolute;top:0;transition:box-shadow .3s;width:30px}

package/lib/theme-chalk/pro-table.css

@@ -0,0 +1 @@
+.icon-algin-group[data-v-5f8a700e]{align-items:center;color:#1677ff;cursor:pointer;display:none;gap:8px;margin-left:auto;transition:display .2s}.icon-algin-group svg[data-v-5f8a700e]{outline:none}.column-settings-item-list>.title[data-v-754a43f6]{color:rgba(42,46,54,.65);font-size:12px;margin-block-end:6px;margin-block-start:6px;padding-inline-start:24px}.column-settings-item-list .column-settings-item[data-v-754a43f6]{align-items:center;color:rgba(42,46,54,.88);display:flex;outline:none;padding:0 0 4px}.column-settings-item-list .column-settings-item.draggable[data-v-754a43f6]{cursor:grab}.column-settings-item-list .column-settings-item.dragging[data-v-754a43f6]{position:relative}.column-settings-item-list .column-settings-item.dragging[data-v-754a43f6]:after{animation-duration:.3s;animation-fill-mode:forwards;animation-name:fade-754a43f6;animation-play-state:running;border:1px solid #1677ff;bottom:4px;content:"";inset-inline-end:0;inset-inline-start:0;opacity:0;pointer-events:none;position:absolute;top:0}.column-settings-item-list .column-settings-item .indicator[data-v-754a43f6]{background-color:#1677ff;border-radius:1px;bottom:-3px;height:2px;pointer-events:none;position:absolute;width:calc(100% - 4px);z-index:1}.column-settings-item-list .column-settings-item .indicator.head-indicator[data-v-754a43f6]{top:0}.column-settings-item-list .column-settings-item .indicator[data-v-754a43f6]:after,.column-settings-item-list .column-settings-item .indicator[data-v-754a43f6]:before{background-color:transparent;border:2px solid #1677ff;border-radius:50%;box-sizing:border-box;content:"";height:8px;inset-inline-start:-6px;left:0;position:absolute;top:-3px;width:8px}.column-settings-item-list .column-settings-item .icon-holder[data-v-754a43f6]{flex-shrink:0;line-height:24px;opacity:.2;text-align:center;transition:opacity .3s;visibility:visible;width:24px}.column-settings-item-list .column-settings-item .switcher[data-v-754a43f6]{align-self:stretch;border-radius:6px;cursor:unset;flex:none;line-height:24px;margin:0;text-align:center;transition:all .3s;user-select:none;width:24px}.column-settings-item-list .column-settings-item .text-wrapper[data-v-754a43f6],.column-settings-item-list .column-settings-item[data-v-754a43f6] .el-checkbox{flex:1}.column-settings-item-list .column-settings-item .text-wrapper[data-v-754a43f6],.column-settings-item-list .column-settings-item[data-v-754a43f6] .el-checkbox__label{border-radius:6px;box-sizing:border-box;display:inline-flex;line-height:24px;padding:0 4px;position:relative;transition:background-color .2s}.column-settings-item-list .column-settings-item[data-v-754a43f6] .el-checkbox__label{margin-left:4px;width:calc(100% - 18px)}.column-settings-item-list .column-settings-item[data-v-754a43f6] .label{display:inline-block;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.column-settings-item-list .column-settings-item[data-v-754a43f6] .label:empty:before{content:"\00a0"}.column-settings-item-list .column-settings-item:hover .text-wrapper[data-v-754a43f6],.column-settings-item-list .column-settings-item[data-v-754a43f6]:hover .el-checkbox__label{background:rgba(42,46,54,.04)}.column-settings-item-list .column-settings-item:hover .icon-algin-group[data-v-754a43f6]{display:inline-flex}@keyframes fade-754a43f6{0%{opacity:0}to{opacity:1}}.pro-table__toolbar-item[data-v-1789e606]{color:rgba(42,46,54,.88);cursor:pointer;display:flex;font-size:16px;margin-block:0;margin-inline:4px}.pro-table__toolbar-item svg[data-v-1789e606]{outline:none}.pro-table__toolbar-item[data-v-1789e606]:hover{color:#409eff}.column-settings-popover .popover-header[data-v-1789e606]{display:flex;justify-content:space-between;padding:5px 0}.column-settings-popover .popover-header[data-v-1789e606] .el-checkbox__label{padding-inline-start:8px}.column-settings-popover .popover-header .btn-reset[data-v-1789e606]{color:#409eff;cursor:pointer;font-weight:500}.column-settings-popover .popover-header .btn-reset[data-v-1789e606]:hover{color:#66b1ff}.column-settings-popover .popover-header .btn-reset[data-v-1789e606],.column-settings-popover .popover-header .column-display[data-v-1789e606],.column-settings-popover .popover-header[data-v-1789e606] .el-checkbox__label{line-height:22px}.column-settings-popover .popover-content[data-v-1789e606]{padding-block:0;padding-block-end:8px;padding-inline:0;width:200px}.pro-table__form[data-v-0d0329af]{background-color:#fff;margin-block-end:16px}.pro-table__form[data-v-0d0329af] .el-form-item__content .el-cascader,.pro-table__form[data-v-0d0329af] .el-form-item__content .el-date-editor,.pro-table__form[data-v-0d0329af] .el-form-item__content .el-input-number,.pro-table__form[data-v-0d0329af] .el-form-item__content .el-select{width:100%}.pro-table__form .search-wrapper[data-v-0d0329af]{align-items:center;display:flex;justify-content:flex-end}.pro-table__form .btn-collapse.el-button[data-v-0d0329af]{margin-left:16px}.pro-table__form .btn-collapse.el-button[data-v-0d0329af] span{align-items:center;display:inline-flex;gap:.5em}.pro-table__toolbar[data-v-0d0329af]{display:flex;justify-content:space-between;padding-bottom:16px}.pro-table__toolbar .pro-table__toolbar-items[data-v-0d0329af]{align-items:center;display:flex;gap:8px;margin-left:auto}.pro-table__pagination[data-v-0d0329af]{display:flex;justify-content:flex-end;margin:16px 0;margin-block-end:0}

package/lib/umd/locale/en.js

@@ -0,0 +1,67 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define("element-ui-pro-components/locale/en", ["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.ELEMENT_UI_PRO_COMPONENTS.lang = global.ELEMENT_UI_PRO_COMPONENTS.lang || {}; 
+    global.ELEMENT_UI_PRO_COMPONENTS.lang.en = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  var _default = _exports.default = {
+    elProComponents: {
+      placeholder: {
+        input: 'Please enter',
+        select: 'Please select',
+        selectTime: 'Select time',
+        selectDate: 'Select date'
+      },
+      proForm: {
+        reset: 'Reset',
+        submit: 'Submit'
+      },
+      dialogForm: {
+        cancel: 'Cancel',
+        confirm: 'Confirm'
+      },
+      proTable: {
+        expand: 'Expand',
+        collapse: 'Collapse',
+        search: 'Search',
+        reset: 'Reset'
+      },
+      tableToolBar: {
+        columnSetting: 'Settings',
+        reset: 'Reset',
+        columnDisplay: 'Column Display',
+        leftPin: 'Pin to left',
+        rightPin: 'Pin to right',
+        noPin: 'Unpinned',
+        leftFixedTitle: 'Fixed the left',
+        rightFixedTitle: 'Fixed the right',
+        noFixedTitle: 'Not Fixed'
+      },
+      editableProTable: {
+        add: 'add a row of data',
+        onlyAddOneLine: 'Only one line can be added',
+        save: 'Save',
+        delete: 'Delete',
+        cancel: 'Cancel',
+        deleteThisLine: 'Delete this line?',
+        confirmButtonText: 'Yes',
+        cancelButtonText: 'No',
+        onlyOneLineEditor: 'Only one line can be edited'
+      }
+    }
+  };
+});

package/lib/umd/locale/zh-CN.js

@@ -0,0 +1,67 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define("element-ui-pro-components/locale/zh-CN", ["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.ELEMENT_UI_PRO_COMPONENTS.lang = global.ELEMENT_UI_PRO_COMPONENTS.lang || {}; 
+    global.ELEMENT_UI_PRO_COMPONENTS.lang.zhCN = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  var _default = _exports.default = {
+    elProComponents: {
+      placeholder: {
+        input: '请输入',
+        select: '请选择',
+        selectTime: '选择时间',
+        selectDate: '选择日期'
+      },
+      proForm: {
+        reset: '重置',
+        submit: '提交'
+      },
+      dialogForm: {
+        cancel: '取消',
+        confirm: '确定'
+      },
+      proTable: {
+        expand: '展开',
+        collapse: '收起',
+        search: '查询',
+        reset: '重置'
+      },
+      tableToolBar: {
+        columnSetting: '列设置',
+        reset: '重置',
+        columnDisplay: '列展示',
+        leftPin: '固定在列首',
+        rightPin: '固定在列尾',
+        noPin: '不固定',
+        leftFixedTitle: '固定在左侧',
+        rightFixedTitle: '固定在右侧',
+        noFixedTitle: '不固定'
+      },
+      editableProTable: {
+        add: '添加一行数据',
+        onlyAddOneLine: '只能新增一行',
+        save: '保存',
+        delete: '删除',
+        cancel: '取消',
+        deleteThisLine: '删除此项？',
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        onlyOneLineEditor: '只能同时编辑一行'
+      }
+    }
+  };
+});

package/lib/utils/breakpoints.js

@@ -0,0 +1,68 @@
+// 断点配置
+const BREAKPOINTS = {
+  xs: 0,
+  // < 768px
+  sm: 768,
+  // ≥ 768px
+  md: 992,
+  // ≥ 992px  
+  lg: 1200,
+  // ≥ 1200px
+  xl: 1920 // ≥ 1920px
+};
+
+// Grid cols 份数
+export const GRID_COLUMNS = 24;
+
+// 断点所占的份数
+// 覆盖关系：默认 (span) < xs < sm < md < lg < xl
+// 特殊情况：未指定默认（span）则显示 24 列
+export const defaultColConfig = {
+  xs: 24,
+  // <768px
+  sm: 24,
+  // >=768px
+  md: 12,
+  // >=992px
+  lg: 8,
+  // ≥1200px
+  xl: 6 // ≥1920px
+};
+
+// 断点优先级（从大到小）
+export const BREAKPOINT_ORDER = ['xl', 'lg', 'md', 'sm', 'xs'];
+
+/**
+ * 根据当前宽度获取对应的断点
+ * @param {number} width - 当前宽度
+ * @returns {string} - 断点名称
+ */
+const getCurrentBreakpoint = width => {
+  if (width >= BREAKPOINTS.xl) return 'xl';
+  if (width >= BREAKPOINTS.lg) return 'lg';
+  if (width >= BREAKPOINTS.md) return 'md';
+  if (width >= BREAKPOINTS.sm) return 'sm';
+  return 'xs';
+};
+
+/**
+ * 动态计算当前应占的份数
+ * @param {Object} config - 配置对象 {span, xs, sm, md, lg, xl}
+ * @returns {number} - 应占的份数
+ */
+export const calculateCurrentSpan = config => {
+  const breakpoint = getCurrentBreakpoint(window.innerWidth);
+
+  // 按优先级获取配置值
+  const breakpoints = BREAKPOINT_ORDER;
+  const currentIndex = breakpoints.indexOf(breakpoint);
+
+  // 按断点优先级查找
+  for (let i = currentIndex; i < breakpoints.length; i++) {
+    const bp = breakpoints[i];
+    if (config[bp]) {
+      return config[bp];
+    }
+  }
+  return config.span || GRID_COLUMNS;
+};

package/lib/utils/debounce.js

@@ -0,0 +1,20 @@
+export const debounce = (func, delay = 150) => {
+  let timeout;
+  const debounced = (...args) => {
+    if (timeout) {
+      clearTimeout(timeout);
+    }
+    timeout = setTimeout(() => {
+      func.apply(this, args);
+    }, delay);
+  };
+
+  // 添加取消方法
+  debounced.cancel = function () {
+    if (timeout) {
+      clearTimeout(timeout);
+      timeout = null;
+    }
+  };
+  return debounced;
+};

package/lib/utils/form.js

@@ -0,0 +1,108 @@
+import { t } from "element-ui-pro-components/lib/locale";
+
+/**
+ * @desc 获取表单元素默认的 placeholder
+ * @param {String} valueType 表单元素类型
+ */
+function getDefaultPlaceholder(valueType) {
+  switch (valueType) {
+    case 'input':
+      return t('elProComponents.placeholder.input');
+    case 'select':
+    case 'cascader':
+      return t('elProComponents.placeholder.select');
+    case 'time-picker':
+      return t('elProComponents.placeholder.selectTime');
+    case 'date-picker':
+      return t('elProComponents.placeholder.selectDate');
+    default:
+      return '';
+  }
+}
+
+/**
+ * @desc 设置 placeholder
+ * @param {Object} fieldProps 表单元素属性
+ * @param {String} valueType 表单元素类型
+ */
+export function setPlaceholder(fieldProps, valueType) {
+  var _fieldProps$placehold;
+  fieldProps.placeholder = (_fieldProps$placehold = fieldProps.placeholder) !== null && _fieldProps$placehold !== void 0 ? _fieldProps$placehold : getDefaultPlaceholder(valueType);
+}
+
+/**
+ * @desc 设置 select options
+ * @param {Object} item 表单项
+ * @param {String} item.valueType 表单类型
+ * @param {Array} item.options 下拉列表
+ * @param {String} item.prop 字段属性值
+ * @param {Function} item.optionLoader 异步获取下拉数据
+ * @param {Object} cachedOptions 下拉数据
+ */
+export function setSelectOptions(item, cachedOptions) {
+  const {
+    valueType,
+    prop,
+    options,
+    valueEnum,
+    optionLoader
+  } = item;
+  if (valueType !== 'select') {
+    return;
+  }
+
+  // 如果已有 options，保持不变
+  if ((options === null || options === void 0 ? void 0 : options.length) > 0) {
+    return;
+  }
+
+  // 有 valueEnum，自动转换
+  if (valueEnum) {
+    if (valueEnum instanceof Map) {
+      item.options = Array.from(valueEnum, ([key, value]) => ({
+        label: value,
+        value: key
+      }));
+    } else {
+      item.options = Object.entries(valueEnum).map(([key, value]) => ({
+        label: value,
+        value: key
+      }));
+    }
+    return;
+  }
+
+  // 设置 options：优先使用缓存
+  item.options = optionLoader && cachedOptions[prop] ? cachedOptions[prop] : [];
+}
+
+/**
+ * @desc 设置 select options
+ * @param {Object} fieldProps 表单元素属性
+ * @param {Object} item 表单项
+ * @param {String} item.valueType 表单类型
+ * @param {String} item.prop 字段属性值
+ * @param {Function} item.optionLoader 异步获取下拉数据
+ * @param {Object} cachedOptions 下拉数据
+ */
+export function setCascaderOptions(fieldProps, item, cachedOptions) {
+  var _fieldProps$options;
+  const {
+    valueType,
+    prop,
+    optionLoader
+  } = item;
+  if (valueType !== 'cascader') {
+    return;
+  }
+
+  // 如果已有 options，保持不变
+  if (((_fieldProps$options = fieldProps.options) === null || _fieldProps$options === void 0 ? void 0 : _fieldProps$options.length) > 0) {
+    return;
+  }
+
+  // 设置 options：优先使用缓存
+  if (optionLoader && cachedOptions[prop]) {
+    fieldProps.options = cachedOptions[prop];
+  }
+}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "element-ui-pro-components-test",
+  "version": "1.5.0",
+  "description": "Vue 2 + Element UI Pro Components: ProForm, DialogForm, ProTable, EditableProTable.",
+  "main": "lib/element-ui-pro-components.common.js",
+  "files": [
+    "lib",
+    "src",
+    "packages",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "build:umd": "node build/bin/build-locale.js",
+    "build:utils": "cross-env BABEL_ENV=utils babel src --out-dir lib --ignore src/index.js",
+    "docs:dev": "vuepress dev docs",
+    "docs:build": "vuepress build docs",
+    "examples:dev": "webpack-dev-server --config build/webpack.dev.js",
+    "lib:build": "webpack --config build/webpack.config.js && webpack --config build/webpack.common.js && webpack --config build/webpack.component.js && npm run build:utils && npm run build:umd"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gameorstudy/element-ui-pro-components"
+  },
+  "keywords": [
+    "element",
+    "element-ui",
+    "pro-components",
+    "vue2",
+    "pro-form",
+    "dialog-form",
+    "pro-table",
+    "editable-pro-table"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/gameorstudy/element-ui-pro-components/issues"
+  },
+  "unpkg": "lib/index.js",
+  "style": "lib/theme-chalk/index.css",
+  "peerDependencies": {
+    "el-table-prepend": "^1.2.0",
+    "element-ui": "^2.15.14",
+    "vue": "^2.6.10",
+    "vue-fragment": "^1.6.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.28.6",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+    "@vue/babel-preset-jsx": "^1.4.0",
+    "babel-loader": "^8.3.0",
+    "cross-env": "^10.1.0",
+    "css-loader": "^2.1.0",
+    "el-table-prepend": "^1.2.0",
+    "element-ui": "^2.15.14",
+    "html-webpack-plugin": "^4.5.2",
+    "less": "^4.6.4",
+    "less-loader": "^7.3.0",
+    "mini-css-extract-plugin": "^1.6.2",
+    "null-loader": "^4.0.1",
+    "optimize-css-assets-webpack-plugin": "^6.0.1",
+    "progress-bar-webpack-plugin": "^2.1.0",
+    "style-loader": "^2.0.0",
+    "terser-webpack-plugin": "^4.2.3",
+    "url-loader": "^4.1.1",
+    "vue": "^2.6.10",
+    "vue-fragment": "^1.6.0",
+    "vue-loader": "^15.10.0",
+    "vue-template-compiler": "^2.6.10",
+    "vuepress": "^1.9.10",
+    "webpack": "^4.14.0",
+    "webpack-cli": "^3.0.8",
+    "webpack-dev-server": "^3.11.3"
+  },
+  "dependencies": {
+    "babel-plugin-module-resolver": "^5.0.3"
+  }
+}

package/packages/dialog-form/index.js

@@ -0,0 +1,9 @@
+import DialogForm from './src'
+
+// 为组件提供 install 方法
+DialogForm.install = function(Vue) {
+  Vue.component(DialogForm.name, DialogForm)
+}
+
+// 默认导出组件
+export default DialogForm

package/packages/dialog-form/src/components/Submitter.vue

@@ -0,0 +1,47 @@
+<script>
+  export default {
+    name: 'Submitter',
+    props: {
+      render: {
+        validator: (value) => {
+          return value === null || typeof value === 'function'
+        },
+        required: true
+      },
+      submitter: {
+        type: Object,
+        required: true
+      },
+      actions: {
+        type: Object,
+        required: true
+      }
+    },
+    render: function(h) {
+      const { 
+        submitter: { cancelText, confirmText, cancelButtonProps, confirmButtonProps },
+        actions: { close, submit },
+        render
+      } = this
+      // { ...props } 传递组件属性时 需要 props 包裹 
+      const cancelProps = { props: cancelButtonProps, cancelButtonProps }
+      const confirmProps = { props: confirmButtonProps, confirmButtonProps }
+      const doms = [
+        <el-button { ...cancelProps } onClick={close} key='close'>{ cancelText }</el-button>,
+        <el-button type="primary" { ...confirmProps } onClick={submit} key='submit'>{ confirmText }</el-button>
+      ]
+
+      return (
+        render 
+          ? <Fragment>{render(this.actions, doms)}</Fragment>
+          : <span class="dialog-form__submitter">
+            {doms}
+          </span>
+      )
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>