eoss-ui 0.8.24 → 0.8.26

package/lib/form.js

@@ -82,12 +82,11 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 54);
+/******/ 	return __webpack_require__(__webpack_require__.s = 41);
 /******/ })
 /************************************************************************/
-/******/ ({
-
-/***/ 0:
+/******/ ([
+/* 0 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4000,8 +3999,7 @@ var winTopOpen = function winTopOpen(config) {
 });
 
 /***/ }),
-
-/***/ 1:
+/* 1 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4477,68 +4475,13 @@ var getShareFilesReceiveCountNew = '/oa/sharefiles/receive/getShareFilesReceiveC
 var queryChildMenuUrl = '/sys/v1/userCustom/queryChildMenu.dhtml?type=2';
 
 /***/ }),
-
-/***/ 10:
-/***/ (function(module, exports) {
-
-module.exports = require("ua-parser-js");
-
-/***/ }),
-
-/***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("sm-crypto");
-
-/***/ }),
-
-/***/ 12:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash");
-
-/***/ }),
-
-/***/ 13:
-/***/ (function(module, exports) {
-
-module.exports = require("throttle-debounce");
-
-/***/ }),
-
-/***/ 15:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// 手机号
-var phone = { pattern: new RegExp('^[1][3, 4, 5, 6, 7, 8, 9][0-9]{9}$'), message: '手机号不合法' };
-// 身份证
-var idCard = { pattern: new RegExp('(^\\d{15}$)|(^\\d{18}$)|(^\\d{17}(\\d|X|x)$)'), message: '身份证号不合法' };
-// 座机号
-var telephone = { pattern: new RegExp('^(?:\\(?0([1-9]\\d{1,2})\\)?[- ]?)?([2-9]\\d{6,7})$'), message: '座机号不合法' };
-// IP
-var ip = { pattern: new RegExp('^(\\d{1,2}|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d{1,2}|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d{1,2}|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d{1,2}|1\\d\\d|2[0-4]\\d|25[0-5])$'), message: 'IP地址不合法' };
-// 银行卡号
-var bankCard = { pattern: new RegExp('^([1-9]{1})(\\d{14}|\\d{18})$'), message: '银行卡号不合法' };
-
-/* harmony default export */ __webpack_exports__["a"] = ({
-  phone: phone,
-  idCard: idCard,
-  telephone: telephone,
-  ip: ip,
-  bankCard: bankCard
-});
-
-/***/ }),
-
-/***/ 2:
+/* 2 */
 /***/ (function(module, exports) {
 
 module.exports = require("eoss-element");
 
 /***/ }),
-
-/***/ 3:
+/* 3 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4642,29 +4585,124 @@ function normalizeComponent(
 
 
 /***/ }),
-
-/***/ 4:
+/* 4 */
 /***/ (function(module, exports) {
 
 module.exports = require("babel-runtime/regenerator");
 
 /***/ }),
-
-/***/ 5:
+/* 5 */
 /***/ (function(module, exports) {
 
 module.exports = require("qs");
 
 /***/ }),
+/* 6 */
+/***/ (function(module, exports) {
+
+module.exports = require("axios");
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports) {
+
+module.exports = require("json-bigint");
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports) {
+
+module.exports = require("sockjs-client");
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports) {
+
+module.exports = require("stompjs");
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports) {
+
+module.exports = require("ua-parser-js");
+
+/***/ }),
+/* 11 */
+/***/ (function(module, exports) {
+
+module.exports = require("sm-crypto");
+
+/***/ }),
+/* 12 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash");
+
+/***/ }),
+/* 13 */
+/***/ (function(module, exports) {
+
+module.exports = require("throttle-debounce");
+
+/***/ }),
+/* 14 */,
+/* 15 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// 手机号
+var phone = { pattern: new RegExp('^[1][3, 4, 5, 6, 7, 8, 9][0-9]{9}$'), message: '手机号不合法' };
+// 身份证
+var idCard = { pattern: new RegExp('(^\\d{15}$)|(^\\d{18}$)|(^\\d{17}(\\d|X|x)$)'), message: '身份证号不合法' };
+// 座机号
+var telephone = { pattern: new RegExp('^(?:\\(?0([1-9]\\d{1,2})\\)?[- ]?)?([2-9]\\d{6,7})$'), message: '座机号不合法' };
+// IP
+var ip = { pattern: new RegExp('^(\\d{1,2}|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d{1,2}|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d{1,2}|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d{1,2}|1\\d\\d|2[0-4]\\d|25[0-5])$'), message: 'IP地址不合法' };
+// 银行卡号
+var bankCard = { pattern: new RegExp('^([1-9]{1})(\\d{14}|\\d{18})$'), message: '银行卡号不合法' };
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  phone: phone,
+  idCard: idCard,
+  telephone: telephone,
+  ip: ip,
+  bankCard: bankCard
+});
 
-/***/ 54:
+/***/ }),
+/* 16 */,
+/* 17 */,
+/* 18 */,
+/* 19 */,
+/* 20 */,
+/* 21 */,
+/* 22 */,
+/* 23 */,
+/* 24 */,
+/* 25 */,
+/* 26 */,
+/* 27 */,
+/* 28 */,
+/* 29 */,
+/* 30 */,
+/* 31 */,
+/* 32 */,
+/* 33 */,
+/* 34 */,
+/* 35 */,
+/* 36 */,
+/* 37 */,
+/* 38 */,
+/* 39 */,
+/* 40 */,
+/* 41 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/main.vue?vue&type=template&id=26e121c2&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/main.vue?vue&type=template&id=2523114d&
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -6574,6 +6612,52 @@ var render = function () {
                                                                         item.events
                                                                       )
                                                                     )
+                                                                  : item.type ===
+                                                                    "tabs"
+                                                                  ? _c(
+                                                                      "form-item-renderer",
+                                                                      {
+                                                                        attrs: {
+                                                                          items:
+                                                                            item,
+                                                                          models:
+                                                                            _vm.models,
+                                                                          readonly:
+                                                                            _vm.readonly,
+                                                                          "show-label":
+                                                                            _vm.showLabel,
+                                                                          "label-width":
+                                                                            _vm.labelWidth,
+                                                                          hides:
+                                                                            _vm.hides,
+                                                                          "handle-excl-attribute":
+                                                                            _vm.handleExclAttribute,
+                                                                          "get-label":
+                                                                            _vm.getLabel,
+                                                                          "get-rules":
+                                                                            _vm.getRules,
+                                                                          "get-style":
+                                                                            _vm.getStyle,
+                                                                          "handle-blur":
+                                                                            _vm.handleBlur,
+                                                                          "handle-focus":
+                                                                            _vm.handleFocus,
+                                                                          "handle-change":
+                                                                            _vm.handleChange,
+                                                                          "handle-click":
+                                                                            _vm.handleClick,
+                                                                          "handle-data-change":
+                                                                            _vm.handleDataChange,
+                                                                        },
+                                                                        on: {
+                                                                          change:
+                                                                            _vm.handleChange,
+                                                                          blur: _vm.handleBlur,
+                                                                          focus:
+                                                                            _vm.handleFocus,
+                                                                        },
+                                                                      }
+                                                                    )
                                                                   : _c(
                                                                       "es-input",
                                                                       _vm._b(
@@ -9298,6 +9382,39 @@ var render = function () {
                                                       item.events
                                                     )
                                                   )
+                                                : item.type === "tabs"
+                                                ? _c("form-item-renderer", {
+                                                    attrs: {
+                                                      items: item.contents,
+                                                      models: _vm.models,
+                                                      readonly: _vm.readonly,
+                                                      "show-label":
+                                                        _vm.showLabel,
+                                                      "label-width":
+                                                        _vm.labelWidth,
+                                                      hides: _vm.hides,
+                                                      "handle-excl-attribute":
+                                                        _vm.handleExclAttribute,
+                                                      "get-label": _vm.getLabel,
+                                                      "get-rules": _vm.getRules,
+                                                      "get-style": _vm.getStyle,
+                                                      "handle-blur":
+                                                        _vm.handleBlur,
+                                                      "handle-focus":
+                                                        _vm.handleFocus,
+                                                      "handle-change":
+                                                        _vm.handleChange,
+                                                      "handle-click":
+                                                        _vm.handleClick,
+                                                      "handle-data-change":
+                                                        _vm.handleDataChange,
+                                                    },
+                                                    on: {
+                                                      change: _vm.handleChange,
+                                                      blur: _vm.handleBlur,
+                                                      focus: _vm.handleFocus,
+                                                    },
+                                                  })
                                                 : _c(
                                                     "es-input",
                                                     _vm._b(
@@ -10951,7 +11068,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/form/src/main.vue?vue&type=template&id=26e121c2&
+// CONCATENATED MODULE: ./packages/form/src/main.vue?vue&type=template&id=2523114d&
 
 // EXTERNAL MODULE: external "babel-runtime/regenerator"
 var regenerator_ = __webpack_require__(4);
@@ -10969,6 +11086,336 @@ var util = __webpack_require__(0);
 // EXTERNAL MODULE: ./src/utils/rules.js
 var rules = __webpack_require__(15);
 
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/form-tab-item-render.vue?vue&type=template&id=1601dce4&
+var form_tab_item_rendervue_type_template_id_1601dce4_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "el-tabs",
+    _vm._b(
+      {
+        staticClass: "es-form-tabs",
+        model: {
+          value: _vm.activeName,
+          callback: function ($$v) {
+            _vm.activeName = $$v
+          },
+          expression: "activeName",
+        },
+      },
+      "el-tabs",
+      _vm.$attrs,
+      false
+    ),
+    _vm._l(_vm.items, function (tab, index) {
+      return _c(
+        "el-tab-pane",
+        { key: tab.name || index, attrs: { label: tab.title, name: tab.name } },
+        [
+          _vm._l(tab.contents, function (item, subIndex) {
+            return [
+              item.type === "caption" && !item.hide
+                ? _c(
+                    "div",
+                    {
+                      key: "caption-" + subIndex,
+                      staticClass: "es-form-item-caption",
+                    },
+                    [_vm._v("\n        " + _vm._s(item.text) + "\n      ")]
+                  )
+                : !item.hide
+                ? _c(
+                    "el-form-item",
+                    {
+                      key: item.name || subIndex,
+                      style: _vm.getStyle ? _vm.getStyle(item) : {},
+                      attrs: {
+                        "label-width": _vm.getItemLabelWidth(item),
+                        prop: item.name,
+                        rules: _vm.getRules ? _vm.getRules(item) : [],
+                      },
+                    },
+                    [
+                      _vm.shouldShowLabel(item)
+                        ? _c(
+                            "es-label",
+                            _vm._b(
+                              { attrs: { slot: "label" }, slot: "label" },
+                              "es-label",
+                              _vm.getLabel ? _vm.getLabel(item.label) : {},
+                              false
+                            )
+                          )
+                        : _vm._e(),
+                      item.type == "table"
+                        ? _c(
+                            "es-data-table",
+                            _vm._g(
+                              _vm._b(
+                                {
+                                  attrs: {
+                                    data: _vm.models[item.name],
+                                    full:
+                                      item.height != undefined ||
+                                      item.height != null,
+                                    readonly:
+                                      item.readonly !== undefined
+                                        ? item.readonly
+                                        : _vm.readonly,
+                                  },
+                                  on: {
+                                    blur: function (val, data) {
+                                      _vm.handleBlur(item, val, data)
+                                    },
+                                    focus: function (val, data) {
+                                      _vm.handleFocus(item, val, data)
+                                    },
+                                    edit: function (val, data) {
+                                      _vm.handleChange(item, val, data)
+                                    },
+                                    btnClick: _vm.handleClick,
+                                    dataChange: _vm.handleDataChange,
+                                  },
+                                },
+                                "es-data-table",
+                                _vm.handleExclAttribute({
+                                  data: item,
+                                  attrs: ["value", "events"],
+                                }),
+                                false
+                              ),
+                              item.events
+                            )
+                          )
+                        : _c(
+                            _vm.getComponentName(item.type),
+                            _vm._g(
+                              _vm._b(
+                                {
+                                  tag: "component",
+                                  attrs: {
+                                    readonly:
+                                      item.readonly !== undefined
+                                        ? item.readonly
+                                        : _vm.readonly,
+                                  },
+                                  on: {
+                                    change: function (val) {
+                                      return _vm.$emit("change", item, val)
+                                    },
+                                  },
+                                  model: {
+                                    value: _vm.models[item.name],
+                                    callback: function ($$v) {
+                                      _vm.$set(_vm.models, item.name, $$v)
+                                    },
+                                    expression: "models[item.name]",
+                                  },
+                                },
+                                "component",
+                                _vm.handleExclAttribute
+                                  ? _vm.handleExclAttribute({
+                                      data: item,
+                                      attrs: ["value", "events"],
+                                    })
+                                  : {},
+                                false
+                              ),
+                              item.events
+                            )
+                          ),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+            ]
+          }),
+        ],
+        2
+      )
+    }),
+    1
+  )
+}
+var form_tab_item_rendervue_type_template_id_1601dce4_staticRenderFns = []
+form_tab_item_rendervue_type_template_id_1601dce4_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/form/src/form-tab-item-render.vue?vue&type=template&id=1601dce4&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/form-tab-item-render.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var form_tab_item_rendervue_type_script_lang_js_ = ({
+  name: 'FormTabItemRender',
+  inheritAttrs: false, // 允许将 el-tabs 的属性透传
+  props: {
+    // 这里的 items 对应 JSON 中的 contents 数组，即 Tab Pane 列表
+    items: { type: Array, default: function _default() {
+        return [];
+      } },
+    models: { type: Object, default: function _default() {
+        return {};
+      } },
+    readonly: Boolean,
+    showLabel: Boolean,
+    labelWidth: String,
+    hides: { type: Array, default: function _default() {
+        return [];
+      } },
+    // 工具方法
+    handleExclAttribute: Function,
+    getLabel: Function,
+    getRules: Function,
+    handleBlur: Function,
+    handleFocus: Function,
+    handleChange: Function,
+    handleClick: Function,
+    handleDataChange: Function,
+    getStyle: Function
+  },
+  data: function data() {
+    return {
+      activeName: ''
+    };
+  },
+  mounted: function mounted() {
+    console.log('this.items', this.items);
+    this.activeName = this.items[0].name;
+    console.log('active', this.activeName);
+  },
+
+  methods: {
+    getComponentName: function getComponentName(type) {
+      var map = {
+        input: 'es-input',
+        select: 'es-select',
+        number: 'es-input-number',
+        radio: 'es-radio-group',
+        checkbox: 'es-checkbox-group',
+        date: 'es-date-picker',
+        table: 'es-data-table',
+        textarea: 'es-input' // 假设 textarea 也是 es-input 带 type="textarea"
+      };
+      return map[type] || 'es-input';
+    },
+    shouldShowLabel: function shouldShowLabel(item) {
+      return item.showLabel !== false && item.label && !item.labelHide && this.showLabel;
+    },
+    getItemLabelWidth: function getItemLabelWidth(item) {
+      return this.shouldShowLabel(item) ? this.labelWidth : '0';
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/form/src/form-tab-item-render.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_form_tab_item_rendervue_type_script_lang_js_ = (form_tab_item_rendervue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(3);
+
+// CONCATENATED MODULE: ./packages/form/src/form-tab-item-render.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_form_tab_item_rendervue_type_script_lang_js_,
+  form_tab_item_rendervue_type_template_id_1601dce4_render,
+  form_tab_item_rendervue_type_template_id_1601dce4_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var form_tab_item_render = (component.exports);
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/main.vue?vue&type=script&lang=js&
 
 
@@ -13440,12 +13887,57 @@ function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, a
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
 
 
 var pageView = util["a" /* default */].getParams('pageView');
+
 /* harmony default export */ var mainvue_type_script_lang_js_ = ({
   name: 'EsForm',
   inheritAttrs: false,
@@ -13469,6 +13961,7 @@ var pageView = util["a" /* default */].getParams('pageView');
       default: ''
     }
   },
+  components: { FormItemRenderer: form_tab_item_render },
   props: {
     viewCode: {
       type: String,
@@ -14802,9 +15295,6 @@ var pageView = util["a" /* default */].getParams('pageView');
 });
 // CONCATENATED MODULE: ./packages/form/src/main.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(3);
-
 // CONCATENATED MODULE: ./packages/form/src/main.vue
 
 
@@ -14813,7 +15303,7 @@ var componentNormalizer = __webpack_require__(3);
 
 /* normalize component */
 
-var component = Object(componentNormalizer["a" /* default */])(
+var main_component = Object(componentNormalizer["a" /* default */])(
   src_mainvue_type_script_lang_js_,
   render,
   staticRenderFns,
@@ -14824,7 +15314,7 @@ var component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var main = (component.exports);
+/* harmony default export */ var main = (main_component.exports);
 // CONCATENATED MODULE: ./packages/form/index.js
 
 
@@ -14834,34 +15324,5 @@ main.install = function (Vue) {
 
 /* harmony default export */ var packages_form = __webpack_exports__["default"] = (main);
 
-/***/ }),
-
-/***/ 6:
-/***/ (function(module, exports) {
-
-module.exports = require("axios");
-
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports) {
-
-module.exports = require("json-bigint");
-
-/***/ }),
-
-/***/ 8:
-/***/ (function(module, exports) {
-
-module.exports = require("sockjs-client");
-
-/***/ }),
-
-/***/ 9:
-/***/ (function(module, exports) {
-
-module.exports = require("stompjs");
-
 /***/ })
-
-/******/ });
+/******/ ]);