@vtx/modals2 5.0.12 → 5.0.14

package/lib/vtx-zf-modal/components/CkEditorCustom/view.js

@@ -0,0 +1,216 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { VtxUpload } from "@vtx/components";
+import htmr from "htmr";
+import React, { useState } from "react";
+import { useSetState } from 'ahooks';
+import "./widgets/style.less";
+import classNames from "classnames";
+import { DeleteOutlined, EyeOutlined } from '@ant-design/icons';
+import { useEffect } from "react";
+import Viewer from 'viewerjs';
+import { getVtxToken } from '@vtx/utils';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export default function viewRichText(_ref) {
+  var content = _ref.content,
+    configJson = _ref.configJson,
+    onChange = _ref.onChange,
+    values = _ref.values,
+    _ref$viewMode = _ref.viewMode,
+    viewMode = _ref$viewMode === void 0 ? false : _ref$viewMode,
+    _ref$configDisabled = _ref.configDisabled,
+    configDisabled = _ref$configDisabled === void 0 ? {} : _ref$configDisabled;
+  var _useSetState = useSetState({}),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    imageList = _useState2[0],
+    setImageList = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    imageViewer = _useState4[0],
+    setImageViewer = _useState4[1];
+  function changeValue(obj) {
+    if (onChange instanceof Function) {
+      onChange(obj);
+    }
+  }
+  useEffect(function () {
+    if (imageList) {
+      setImageViewer(new Viewer(imageList, {}));
+    }
+  }, [imageList]);
+  useEffect(function () {
+    if (values) {
+      var configs = JSON.parse(configJson);
+      for (var key in values) {
+        var config = configs[key],
+          node = null;
+        if (config.type == 'sign') {
+          setState(_defineProperty({}, key, values[key]));
+        } else if (['input', 'date', 'textarea'].includes(config.type)) {
+          document.getElementById(key).value = values[key];
+        } else if (['editable-div'].includes(config.type)) {
+          document.getElementById(key).innerHTML = values[key];
+        } else if (['radio'].includes(config.type)) {
+          node = document.getElementsByName(config.name);
+          if (node) for (var i = 0; i < node.length; i++) {
+            if (node[i].value == values[key]) {
+              node[i].checked = true;
+            }
+          }
+        } else if (['checkbox'].includes(config.type)) {
+          node = document.getElementsByName(config.name);
+          if (node) for (var _i = 0; _i < node.length; _i++) {
+            if (values[key].split("；").includes(node[_i].value)) {
+              node[_i].checked = true;
+            }
+          }
+        }
+      }
+    }
+  }, [values]);
+  if (!content) {
+    return null;
+  }
+  return htmr(content.replaceAll(' vtx_ck_widgets', ''), {
+    transform: {
+      _: function _(node, props, children) {
+        var obj = {},
+          style = {},
+          isDisabled = false;
+        if (props !== null && props !== void 0 && props.configid) {
+          props.id = props.configid;
+          var components = JSON.parse(configJson);
+          var config = components[props === null || props === void 0 ? void 0 : props.configid] || {};
+          for (var key in config) {
+            if (key == 'width') {
+              style[key] = config[key];
+            } else {
+              if (key == 'label') {
+                obj.placeholder = "\u8BF7\u8F93\u5165".concat(config[key] || '');
+              }
+              obj[key] = config[key];
+            }
+          }
+          if (obj.type == 'editable-div') {
+            obj.contentEditable = true;
+            delete props.contentEditable;
+          } else if (obj.type == 'date') {
+            style.width = style.width || '100px';
+          }
+          obj.style = style;
+          obj.id = props === null || props === void 0 ? void 0 : props.configid;
+          var temp = configDisabled[props.configid];
+          if (temp !== null && temp !== void 0 && temp.useOtherField && !(temp !== null && temp !== void 0 && temp.editAble)) {
+            isDisabled = true;
+          }
+          if (viewMode || isDisabled) {
+            obj.disabled = true;
+            delete obj.contentEditable;
+          }
+        }
+        if (node == 'label' && ["radio", 'checkbox'].includes(props.type)) {
+          var data = [];
+          if (obj.url) $.ajax({
+            url: "".concat(obj.url).concat(obj.url.indexOf("?") > -1 ? '&' : '?', "token=").concat(getVtxToken("token")),
+            async: false,
+            success: function success(res) {
+              if (res.result == 0) {
+                data = res.data || [];
+              }
+            }
+          });
+          return /*#__PURE__*/_jsx(_Fragment, {
+            children: data.map(function (item) {
+              return /*#__PURE__*/_jsxs("label", {
+                children: [/*#__PURE__*/_jsx("input", {
+                  type: props.type,
+                  name: obj.name,
+                  value: item.parmName,
+                  disabled: viewMode || isDisabled
+                }), item.parmName]
+              }, item.id);
+            })
+          });
+        }
+        if (node == 'span' && ['sign'].includes(obj.type)) {
+          var arr = JSON.parse(state[props.configid] || '[]');
+          if (arr.length > 0) {
+            return /*#__PURE__*/_jsxs("span", {
+              className: classNames('sign_pic_box'),
+              ref: function ref(ins) {
+                if (ins) setImageList(ins);
+              },
+              children: [/*#__PURE__*/_jsx("img", {
+                className: classNames('sign_pic'),
+                src: "/cloudFile/common/downloadFile?id=".concat(arr[0].id)
+              }), /*#__PURE__*/_jsxs("span", {
+                className: classNames('sign_opera'),
+                children: [/*#__PURE__*/_jsx(EyeOutlined, {
+                  className: classNames('sign_del'),
+                  onClick: function onClick() {
+                    if (imageViewer) {
+                      imageViewer.view(0);
+                    }
+                  }
+                }), !viewMode && !isDisabled && /*#__PURE__*/_jsx(DeleteOutlined, {
+                  className: classNames('sign_del'),
+                  onClick: function onClick() {
+                    setState(_defineProperty({}, props.configid, ''));
+                    changeValue(_defineProperty({}, props.configid, ''));
+                  }
+                })]
+              })]
+            });
+          }
+          if (viewMode || isDisabled) {
+            return /*#__PURE__*/React.createElement(node, _objectSpread(_objectSpread({}, obj), props), children);
+          }
+          return /*#__PURE__*/_jsx(VtxUpload, {
+            accept: ".jpg,.png,.jepg",
+            customizedButton: /*#__PURE__*/React.createElement(node, _objectSpread(_objectSpread({}, obj), props), children),
+            maxNum: 1,
+            onSuccess: function onSuccess(file) {
+              var obj = _defineProperty({}, props.configid, JSON.stringify([{
+                id: file.id,
+                name: file.name,
+                type: file.type
+              }]));
+              setState(obj);
+              changeValue(obj);
+            }
+          });
+        }
+        if (!props && !children) {
+          return node;
+        }
+        if (node == 'table') {
+          return /*#__PURE__*/React.createElement(node, _objectSpread(_objectSpread(_objectSpread({}, obj), props), {}, {
+            border: 'true'
+          }), children);
+        }
+        if (node === 'input' && obj.type === 'date') {
+          if (viewMode && !(values !== null && values !== void 0 && values[obj.id])) {
+            return /*#__PURE__*/_jsx("span", {
+              id: obj.id
+            });
+          }
+        }
+        return /*#__PURE__*/React.createElement(node, _objectSpread(_objectSpread({}, obj), props), children);
+      }
+    }
+  });
+}

package/lib/vtx-zf-modal/components/CkEditorCustom/widgets/CKModal.js

@@ -0,0 +1,77 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Input, Modal, Form } from "antd";
+import React, { useEffect } from "react";
+import Config from "./config";
+import classNames from "classnames";
+import { VtxFormLayout } from '@vtx/components';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function CKModal(props) {
+  var _props$defaultData = props.defaultData,
+    defaultData = _props$defaultData === void 0 ? {} : _props$defaultData;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  useEffect(function () {
+    if (defaultData.id) {
+      form.setFieldsValue(defaultData);
+    }
+  }, [JSON.stringify(defaultData)]);
+  var onFinish = function onFinish(values) {
+    props.onOk(_objectSpread(_objectSpread({}, values), {}, {
+      type: props.type,
+      id: defaultData.id || ''
+    }));
+  };
+  return /*#__PURE__*/_jsx(Modal, {
+    title: "".concat(props.title),
+    visible: props.visible,
+    maskClosable: false,
+    onCancel: props.onClose,
+    onOk: function onOk() {
+      return form.submit();
+    },
+    children: /*#__PURE__*/_jsx(Form, {
+      form: form,
+      name: "add",
+      onFinish: onFinish,
+      children: /*#__PURE__*/_jsx(VtxFormLayout, {
+        cols: 1,
+        children: (Config[props.type] || []).map(function (item) {
+          if (item.type == 'label') {
+            return /*#__PURE__*/_jsx("div", {
+              className: classNames("label"),
+              children: item.name
+            }, item.key);
+          } else {
+            return /*#__PURE__*/_jsx(VtxFormLayout.FormItem, {
+              label: item.name,
+              name: item.key,
+              weights: 1,
+              rules: [{
+                required: item.require,
+                message: '必填'
+              }],
+              getValueFromEvent: function getValueFromEvent(e) {
+                return (e.target.value || '').trim();
+              },
+              children: /*#__PURE__*/_jsx(Input, {
+                placeholder: "\u8BF7\u8F93\u5165"
+              })
+            });
+          }
+        })
+      })
+    })
+  });
+}

package/lib/vtx-zf-modal/components/CkEditorCustom/widgets/OpenPanelCommand.js

@@ -0,0 +1,31 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { Command } from "../ckeditor/ckeditor";
+var OpenPanelCommand = /*#__PURE__*/function (_Command) {
+  _inherits(OpenPanelCommand, _Command);
+  var _super = _createSuper(OpenPanelCommand);
+  function OpenPanelCommand() {
+    _classCallCheck(this, OpenPanelCommand);
+    return _super.apply(this, arguments);
+  }
+  _createClass(OpenPanelCommand, [{
+    key: "execute",
+    value: function execute() {
+      var _this$uiPanel;
+      if (this !== null && this !== void 0 && (_this$uiPanel = this.uiPanel) !== null && _this$uiPanel !== void 0 && _this$uiPanel._showUI) this.uiPanel._showUI();
+    }
+  }]);
+  return OpenPanelCommand;
+}(Command);
+export { OpenPanelCommand as default };

package/lib/vtx-zf-modal/components/CkEditorCustom/widgets/config.js

@@ -0,0 +1,146 @@
+var Config = {
+  input: [{
+    type: 'field',
+    name: '字段名',
+    key: 'label',
+    require: true
+  }, {
+    type: 'field',
+    name: '字段',
+    key: 'name',
+    require: true
+  }, {
+    type: 'field',
+    name: '排序号',
+    key: 'order',
+    require: true
+  }, {
+    type: 'field',
+    name: '宽度',
+    key: 'width'
+  }],
+  date: [{
+    type: 'field',
+    name: '字段名',
+    key: 'label',
+    require: true
+  }, {
+    type: 'field',
+    name: '字段',
+    key: 'name',
+    require: true
+  }, {
+    type: 'field',
+    name: '排序号',
+    key: 'order',
+    require: true
+  }, {
+    type: 'field',
+    name: '宽度',
+    key: 'width'
+  }],
+  radio: [{
+    type: 'field',
+    name: '字段名',
+    key: 'label',
+    require: true
+  }, {
+    type: 'field',
+    name: '字段',
+    key: 'name',
+    require: true
+  }, {
+    type: 'field',
+    name: '排序号',
+    key: 'order',
+    require: true
+  }, {
+    type: 'field',
+    name: '数据源',
+    key: 'url',
+    require: true
+  }],
+  checkbox: [{
+    type: 'field',
+    name: '字段名',
+    key: 'label',
+    require: true
+  }, {
+    type: 'field',
+    name: '字段',
+    key: 'name',
+    require: true
+  }, {
+    type: 'field',
+    name: '排序号',
+    key: 'order',
+    require: true
+  }, {
+    type: 'field',
+    name: '数据源',
+    key: 'url',
+    require: true
+  }],
+  textarea: [{
+    type: 'field',
+    name: '字段名',
+    key: 'label',
+    require: true
+  }, {
+    type: 'field',
+    name: '字段',
+    key: 'name',
+    require: true
+  }, {
+    type: 'field',
+    name: '排序号',
+    key: 'order',
+    require: true
+  }, {
+    type: 'field',
+    name: 'Rows',
+    key: 'rows'
+  }],
+  sign: [{
+    type: 'field',
+    name: '字段名',
+    key: 'label',
+    require: true
+  }, {
+    type: 'field',
+    name: '字段',
+    key: 'name',
+    require: true
+  }, {
+    type: 'field',
+    name: '排序号',
+    key: 'order',
+    require: true
+  }, {
+    type: 'field',
+    name: '文字',
+    key: 'text'
+  }],
+  'editable-div': [{
+    type: 'field',
+    name: '字段名',
+    key: 'label',
+    require: true
+  }, {
+    type: 'field',
+    name: '字段',
+    key: 'name',
+    require: true
+  }, {
+    type: 'field',
+    name: '排序号',
+    key: 'order',
+    require: true
+  }, {
+    type: 'field',
+    name: '填充字符数',
+    key: 'fill',
+    require: false
+  }]
+};
+export default Config;

package/lib/vtx-zf-modal/components/CkEditorCustom/widgets/editableDiv/FormView.js

@@ -0,0 +1,92 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { View, LabeledFieldView, createLabeledInputText, ButtonView, submitHandler, icons, LabelView } from "../../ckeditor/ckeditor";
+var FormView = /*#__PURE__*/function (_View) {
+  _inherits(FormView, _View);
+  var _super = _createSuper(FormView);
+  function FormView(locale) {
+    var _this;
+    _classCallCheck(this, FormView);
+    _this = _super.call(this, locale);
+    _this.attrLabel = _this._createLabel("属性");
+    _this.labelInputView = _this._createInput('字段名');
+    _this.nameInputView = _this._createInput('字段');
+    _this.orderInputView = _this._createInput('排序号');
+
+    // Create the save and cancel buttons.
+    _this.saveButtonView = _this._createButton('Save', icons.check, 'ck-button-save');
+    // Set the type to 'submit', which will trigger
+    // the submit event on entire form when clicked.
+    _this.saveButtonView.type = 'submit';
+    _this.cancelButtonView = _this._createButton('Cancel', icons.cancel, 'ck-button-cancel');
+    // Delegate ButtonView#execute to FormView#cancel.
+    _this.cancelButtonView.delegate('execute').to(_assertThisInitialized(_this), 'cancel');
+    _this.childViews = _this.createCollection([_this.attrLabel, _this.labelInputView, _this.nameInputView, _this.orderInputView, _this.saveButtonView, _this.cancelButtonView]);
+    _this.setTemplate({
+      tag: 'form',
+      attributes: {
+        class: ['ck', 'ck-abbr-form'],
+        tabindex: '-1'
+      },
+      children: _this.childViews
+    });
+    return _this;
+  }
+  _createClass(FormView, [{
+    key: "render",
+    value: function render() {
+      _get(_getPrototypeOf(FormView.prototype), "render", this).call(this);
+      submitHandler({
+        view: this
+      });
+    }
+  }, {
+    key: "focus",
+    value: function focus() {
+      this.childViews.first.focus();
+    }
+  }, {
+    key: "_createInput",
+    value: function _createInput(label) {
+      var labeledInput = new LabeledFieldView(this.locale, createLabeledInputText);
+      labeledInput.label = label;
+      return labeledInput;
+    }
+  }, {
+    key: "_createButton",
+    value: function _createButton(label, icon, className) {
+      var button = new ButtonView();
+      button.set({
+        label: label,
+        icon: icon,
+        tooltip: true,
+        class: className
+      });
+      return button;
+    }
+  }, {
+    key: "_createLabel",
+    value: function _createLabel(text) {
+      var label = new LabelView();
+      label.set({
+        text: text
+      });
+      return label;
+    }
+  }]);
+  return FormView;
+}(View);
+export { FormView as default };