@fonixtree/magic-design 0.0.11 → 0.0.16

package/{src/components → es}/common/SwitchCollapse/index.js

@@ -1,12 +1,63 @@
-import { __extends, __spreadArray } from '../../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { Collapse, Switch, Checkbox } from 'antd';
-import './index.less.js';
+"use strict";
 
-var Panel = Collapse.Panel;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
+    s += arguments[i].length;
+  }
+
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
+    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
+      r[k] = a[j];
+    }
+  }
+
+  return r;
+};
+
+var Panel = _antd.Collapse.Panel;
+
+var SwitchCollapse =
 /** @class */
-(function (_super) {
+function (_super) {
   __extends(SwitchCollapse, _super);
 
   function SwitchCollapse() {
@@ -68,7 +119,7 @@ var Panel = Collapse.Panel;
 
       if (checked) {
         _this.setState({
-          activeKey: activeKey ? __spreadArray(__spreadArray([], activeKey, true), [panelInfo.key], false) : [panelInfo.key]
+          activeKey: activeKey ? __spreadArrays(activeKey, [panelInfo.key]) : [panelInfo.key]
         });
       } else {
         _this.setState({
@@ -85,17 +136,17 @@ var Panel = Collapse.Panel;
       var type = _this.props.type;
 
       if (type === 'switch') {
-        return /*#__PURE__*/React__default.createElement(Switch, {
+        return /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
           checked: panelInfo.metaOption.open,
-          onChange: function (checked) {
+          onChange: function onChange(checked) {
             return _this.onSwitchChange(checked, panelInfo);
           },
           size: "small"
         });
       } else {
-        return /*#__PURE__*/React__default.createElement(Checkbox, {
+        return /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, {
           checked: panelInfo.metaOption.open,
-          onChange: function (e) {
+          onChange: function onChange(e) {
             return _this.onCheckBoxChange(e, panelInfo);
           }
         });
@@ -103,11 +154,11 @@ var Panel = Collapse.Panel;
     };
 
     _this.getHeader = function (name, index) {
-      return /*#__PURE__*/React__default.createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: "header_wrap"
-      }, index !== 0 && /*#__PURE__*/React__default.createElement("div", {
+      }, index !== 0 && /*#__PURE__*/_react["default"].createElement("div", {
         className: "meta_header_divider"
-      }), /*#__PURE__*/React__default.createElement("span", {
+      }), /*#__PURE__*/_react["default"].createElement("span", {
         className: "switchcollapse_header_name"
       }, name));
     };
@@ -131,19 +182,19 @@ var Panel = Collapse.Panel;
         accordion = _a.accordion,
         type = _a.type;
     var activeKey = this.state.activeKey;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "".concat(type, "_collapse_wrap")
-    }, /*#__PURE__*/React__default.createElement(Collapse, {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: type + "_collapse_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Collapse, {
       accordion: accordion,
       activeKey: activeKey,
       ghost: true,
-      onChange: function (value) {
+      onChange: function onChange(value) {
         return _this.setState({
           activeKey: value
         });
       }
     }, source.map(function (panelInfo, index) {
-      return /*#__PURE__*/React__default.createElement(Panel, {
+      return /*#__PURE__*/_react["default"].createElement(Panel, {
         key: panelInfo.key,
         collapsible: panelInfo.metaOption.open ? 'header' : 'disabled',
         extra: _this.getSwitchButton(panelInfo),
@@ -159,4 +210,7 @@ var Panel = Collapse.Panel;
     type: 'switch'
   };
   return SwitchCollapse;
-})(React__default.Component);
+}(_react["default"].Component);
+
+var _default = SwitchCollapse;
+exports["default"] = _default;

package/es/common/SwitchCollapse/index.less

@@ -0,0 +1,40 @@
+.switch_collapse_wrap {
+  .ant-collapse {
+    .ant-collapse-item {
+      padding-bottom: 1px !important;
+      // &:first-child {
+      //   .ant-collapse-header{
+      //     padding-top: 0 !important;
+      //   }
+      // }
+    }
+
+    .header_wrap {
+      position: relative;
+
+      .switchcollapse_header_name {
+        font-family: 'Open Sans' !important;
+        font-style: normal !important;
+        font-weight: 700 !important;
+        font-size: 16px;
+        line-height: 24px !important;
+        color: #232F46 !important;
+        height: 24px
+      }
+
+      .meta_header_divider {
+        position: absolute;
+        height: 1px;
+        width: 306px;
+        border-bottom: 1px solid #D2D9E5;
+        top: -20px;
+      }
+    }
+  }
+}
+
+.checkbox_collapse_wrap {
+  .switchcollapse_header_name {
+    font-size: 14px !important;
+  }
+}

package/es/common/UrlPicker/index.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./index.less");
+
+var _LinkModal = _interopRequireDefault(require("../LinkModal"));
+
+var _Iconfont = _interopRequireDefault(require("../Iconfont"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var UrlPicker =
+/** @class */
+function (_super) {
+  __extends(UrlPicker, _super);
+
+  function UrlPicker() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      visible: false
+    };
+    return _this;
+  }
+
+  UrlPicker.prototype.render = function () {
+    var _this = this;
+
+    var visible = this.state.visible;
+    var _a = this.props,
+        value = _a.value,
+        _onChange = _a.onChange;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "m-url-picker"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "input-url"
+    }, /*#__PURE__*/_react["default"].createElement("input", {
+      onChange: function onChange(e) {
+        return _onChange(e.target.value);
+      },
+      placeholder: "Please add a link",
+      type: "text",
+      value: value
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "icon-btns"
+    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      color: "#000",
+      onClick: function onClick() {
+        return _this.setState({
+          visible: true
+        });
+      },
+      size: "20px",
+      type: "icon-URLguanli"
+    }), /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      color: "#FF4141",
+      onClick: function onClick() {
+        return _onChange('');
+      },
+      size: "20px",
+      type: "icon-delete1"
+    }))), visible && /*#__PURE__*/_react["default"].createElement(_LinkModal["default"], {
+      onClose: function onClose() {
+        return _this.setState({
+          visible: false
+        });
+      },
+      onConfirm: function onConfirm(value) {
+        _onChange(value);
+
+        _this.setState({
+          visible: false
+        });
+      },
+      visible: visible
+    }));
+  };
+
+  UrlPicker.defaultProps = {
+    value: '',
+    onChange: function onChange() {}
+  };
+  return UrlPicker;
+}(_react["default"].Component);
+
+var _default = UrlPicker;
+exports["default"] = _default;

package/es/common/UrlPicker/index.less

@@ -0,0 +1,72 @@
+.m-url-picker {
+
+  .input-url {
+    width: 100%;
+    height: 40px;
+    background: #FFFFFF;
+    border: 1px solid #D2D9E5;
+    border-radius: 8px;
+    display: flex;
+    padding: 9px 14px;
+    display: flex;
+    align-items: center;
+
+    input {
+      border: none;
+      outline: none;
+      height: 24px;
+      flex-grow: 1;
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      color: #232F46;
+    }
+
+    /* 使用webkit内核的浏览器 */
+    input::-webkit-input-placeholder {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      color: #8493AF;
+    }
+
+    /* Firefox版本4-18 */
+    input:-moz-placeholder {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      color: #8493AF;
+    }
+
+    /* Firefox版本19+ */
+    input::-moz-placeholder {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      color: #8493AF;
+    }
+
+    /* IE浏览器 */
+    input:-ms-input-placeholder {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      color: #8493AF;
+    }
+
+    .icon-btns {
+      display: flex;
+      align-items: center;
+
+      &>span {
+        margin-left: 12px;
+        cursor: pointer;
+      }
+    }
+  }
+}

package/es/common/index.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AlignSelector", {
+  enumerable: true,
+  get: function get() {
+    return _AlignSelector["default"];
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _Button["default"];
+  }
+});
+Object.defineProperty(exports, "ButtonIconLayout", {
+  enumerable: true,
+  get: function get() {
+    return _ButtonIconLayout["default"];
+  }
+});
+Object.defineProperty(exports, "Collapse", {
+  enumerable: true,
+  get: function get() {
+    return _Collapse["default"];
+  }
+});
+Object.defineProperty(exports, "ColorPickerInput", {
+  enumerable: true,
+  get: function get() {
+    return _ColorPickerInput["default"];
+  }
+});
+Object.defineProperty(exports, "Field", {
+  enumerable: true,
+  get: function get() {
+    return _Field["default"];
+  }
+});
+Object.defineProperty(exports, "FontStyles", {
+  enumerable: true,
+  get: function get() {
+    return _FontStyles["default"];
+  }
+});
+Object.defineProperty(exports, "IconPicker", {
+  enumerable: true,
+  get: function get() {
+    return _IconPicker["default"];
+  }
+});
+Object.defineProperty(exports, "Iconfont", {
+  enumerable: true,
+  get: function get() {
+    return _Iconfont["default"];
+  }
+});
+Object.defineProperty(exports, "ImagePicker", {
+  enumerable: true,
+  get: function get() {
+    return _ImagePicker["default"];
+  }
+});
+Object.defineProperty(exports, "LayoutSelector", {
+  enumerable: true,
+  get: function get() {
+    return _LayoutSelector["default"];
+  }
+});
+Object.defineProperty(exports, "ProductSource", {
+  enumerable: true,
+  get: function get() {
+    return _ProductSource["default"];
+  }
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function get() {
+    return _Slider["default"];
+  }
+});
+Object.defineProperty(exports, "SwitchCollapse", {
+  enumerable: true,
+  get: function get() {
+    return _SwitchCollapse["default"];
+  }
+});
+Object.defineProperty(exports, "UrlPicker", {
+  enumerable: true,
+  get: function get() {
+    return _UrlPicker["default"];
+  }
+});
+
+var _LayoutSelector = _interopRequireDefault(require("./LayoutSelector"));
+
+var _Field = _interopRequireDefault(require("./Field"));
+
+var _UrlPicker = _interopRequireDefault(require("./UrlPicker"));
+
+var _Iconfont = _interopRequireDefault(require("./Iconfont"));
+
+var _Button = _interopRequireDefault(require("./Button"));
+
+var _AlignSelector = _interopRequireDefault(require("./AlignSelector"));
+
+var _Collapse = _interopRequireDefault(require("./Collapse"));
+
+var _ColorPickerInput = _interopRequireDefault(require("./ColorPickerInput"));
+
+var _ImagePicker = _interopRequireDefault(require("./ImagePicker"));
+
+var _IconPicker = _interopRequireDefault(require("./IconPicker"));
+
+var _SwitchCollapse = _interopRequireDefault(require("./SwitchCollapse"));
+
+var _Slider = _interopRequireDefault(require("./Slider"));
+
+var _FontStyles = _interopRequireDefault(require("./FontStyles"));
+
+var _ButtonIconLayout = _interopRequireDefault(require("./ButtonIconLayout"));
+
+var _ProductSource = _interopRequireDefault(require("./ProductSource"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/{src/components → es}/composite-comp/bol/components/Banner/defaultJSON.js

@@ -1,20 +1,30 @@
-import uuid_1 from '../../../../../../node_modules/uuid/index.js';
-import img from './imgs/banner.png.js';
+"use strict";
 
-var bannerGroupSourceJSON = function () {
-  var groupId = uuid_1.v4();
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultJSON = exports.bannerGroupSourceJSON = void 0;
+
+var _uuid = require("uuid");
+
+var _banner = _interopRequireDefault(require("./imgs/banner.png"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var bannerGroupSourceJSON = function bannerGroupSourceJSON() {
+  var groupId = (0, _uuid.v4)();
   return {
     id: groupId,
     image: {
       parentId: groupId,
-      id: uuid_1.v4(),
+      id: (0, _uuid.v4)(),
       open: true,
       type: 'IMAGE',
       content: {
         h5Name: 'name2',
         pcName: 'name2',
-        h5ImgSrc: img,
-        pcImgSrc: img,
+        h5ImgSrc: _banner["default"],
+        pcImgSrc: _banner["default"],
         clickUrl: ''
       },
       hover: {
@@ -27,7 +37,7 @@ var bannerGroupSourceJSON = function () {
     },
     title: {
       parentId: groupId,
-      id: uuid_1.v4(),
+      id: (0, _uuid.v4)(),
       open: true,
       type: 'TEXT',
       text: 'Title use, click modify text.',
@@ -49,7 +59,7 @@ var bannerGroupSourceJSON = function () {
     },
     text: {
       parentId: groupId,
-      id: uuid_1.v4(),
+      id: (0, _uuid.v4)(),
       open: true,
       type: 'TEXT',
       specialContent: [],
@@ -67,7 +77,7 @@ var bannerGroupSourceJSON = function () {
     },
     button: {
       parentId: groupId,
-      id: uuid_1.v4(),
+      id: (0, _uuid.v4)(),
       open: true,
       type: 'BUTTON',
       text: 'Button',
@@ -132,7 +142,7 @@ var bannerGroupSourceJSON = function () {
     },
     secondButton: {
       parentId: groupId,
-      id: uuid_1.v4(),
+      id: (0, _uuid.v4)(),
       open: true,
       type: 'BUTTON',
       text: 'More',
@@ -207,9 +217,12 @@ var bannerGroupSourceJSON = function () {
     }
   };
 };
-var getDefaultJSON = function () {
+
+exports.bannerGroupSourceJSON = bannerGroupSourceJSON;
+
+var getDefaultJSON = function getDefaultJSON() {
   return {
-    id: uuid_1.v4(),
+    id: (0, _uuid.v4)(),
     type: 'BANNER',
     setting: {
       pcHeight: 360,
@@ -217,8 +230,7 @@ var getDefaultJSON = function () {
       // 自动轮播
       autoplay: {
         open: false,
-        interval: 4 // 滚动事件
-
+        interval: 4
       },
       // 切换按钮
       navigation: {
@@ -226,8 +238,7 @@ var getDefaultJSON = function () {
         size: 16,
         hoverSize: 16,
         color: '#aaa',
-        hoverColor: '#fff' // 悬浮颜色
-
+        hoverColor: '#fff'
       },
       // 面板指示点
       dots: {
@@ -235,8 +246,7 @@ var getDefaultJSON = function () {
         color: '#fff',
         hoverColor: '#fff',
         size: 16,
-        hoverSize: 16 // 悬浮大小
-
+        hoverSize: 16
       }
     },
     groupSource: [bannerGroupSourceJSON()],
@@ -255,4 +265,4 @@ var getDefaultJSON = function () {
   };
 };
 
-export { bannerGroupSourceJSON, getDefaultJSON };
+exports.getDefaultJSON = getDefaultJSON;