amis-core 1.0.0-beta.0

package/dist/utils/dataMapping.js

@@ -0,0 +1,136 @@
+/**
+ * amis-core v1.0.0-beta.0
+ * Copyright 2018-2022 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var isPureVariable = require('./isPureVariable.js');
+var resolveVariableAndFilter = require('./resolveVariableAndFilter.js');
+var tokenize = require('./tokenize.js');
+var isPlainObject = require('lodash/isPlainObject');
+var object = require('./object.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var isPlainObject__default = /*#__PURE__*/_interopDefaultLegacy(isPlainObject);
+
+function resolveMapping(value, data, defaultFilter) {
+    if (defaultFilter === void 0) { defaultFilter = '| raw'; }
+    return typeof value === 'string' && isPureVariable.isPureVariable(value)
+        ? resolveVariableAndFilter.resolveVariableAndFilter(value, data, defaultFilter, function () { return ''; })
+        : typeof value === 'string' && ~value.indexOf('$')
+            ? tokenize.tokenize(value, data, defaultFilter)
+            : value;
+}
+function dataMapping(to, from, ignoreFunction, convertKeyToPath) {
+    if (from === void 0) { from = {}; }
+    if (ignoreFunction === void 0) { ignoreFunction = false; }
+    if (Array.isArray(to)) {
+        return to.map(function (item) {
+            return dataMapping(item, from, ignoreFunction, convertKeyToPath);
+        });
+    }
+    else if (typeof to === 'string') {
+        return resolveMapping(to, from);
+    }
+    else if (!isPlainObject__default["default"](to)) {
+        return to;
+    }
+    var ret = {};
+    Object.keys(to).forEach(function (key) {
+        var value = to[key];
+        var keys;
+        if (typeof ignoreFunction === 'function' && ignoreFunction(key, value)) {
+            // 如果被ignore，不做数据映射处理。
+            object.setVariable(ret, key, value, convertKeyToPath);
+        }
+        else if (key === '&' && value === '$$') {
+            ret = tslib.__assign(tslib.__assign({}, ret), from);
+        }
+        else if (key === '&') {
+            var v = isPlainObject__default["default"](value) &&
+                (keys = Object.keys(value)) &&
+                keys.length === 1 &&
+                from[keys[0].substring(1)] &&
+                Array.isArray(from[keys[0].substring(1)])
+                ? from[keys[0].substring(1)].map(function (raw) {
+                    return dataMapping(value[keys[0]], object.createObject(from, raw), ignoreFunction, convertKeyToPath);
+                })
+                : resolveMapping(value, from);
+            if (Array.isArray(v) || typeof v === 'string') {
+                ret = v;
+            }
+            else if (typeof v === 'function') {
+                ret = tslib.__assign(tslib.__assign({}, ret), v(from));
+            }
+            else {
+                ret = tslib.__assign(tslib.__assign({}, ret), v);
+            }
+        }
+        else if (value === '$$') {
+            object.setVariable(ret, key, from, convertKeyToPath);
+        }
+        else if (value && value[0] === '$') {
+            var v = resolveMapping(value, from);
+            object.setVariable(ret, key, v, convertKeyToPath);
+            if (v === '__undefined') {
+                object.deleteVariable(ret, key);
+            }
+        }
+        else if (isPlainObject__default["default"](value) &&
+            (keys = Object.keys(value)) &&
+            keys.length === 1 &&
+            keys[0][0] === '$' &&
+            isPlainObject__default["default"](value[keys[0]])) {
+            // from[keys[0].substring(1)] &&
+            // Array.isArray(from[keys[0].substring(1)])
+            // 支持只取数组中的部分值这个需求
+            // 如:
+            // data: {
+            //   items: {
+            //     '$rows': {
+            //        id: '$id',
+            //        forum_id: '$forum_id'
+            //      }
+            //   }
+            // }
+            var arr = Array.isArray(from[keys[0].substring(1)])
+                ? from[keys[0].substring(1)]
+                : [];
+            var mapping_1 = value[keys[0]];
+            ret[key] = arr.map(function (raw) {
+                return dataMapping(mapping_1, object.createObject(from, raw), ignoreFunction, convertKeyToPath);
+            });
+        }
+        else if (isPlainObject__default["default"](value)) {
+            object.setVariable(ret, key, dataMapping(value, from, ignoreFunction, convertKeyToPath), convertKeyToPath);
+        }
+        else if (Array.isArray(value)) {
+            object.setVariable(ret, key, value.map(function (value) {
+                return isPlainObject__default["default"](value)
+                    ? dataMapping(value, from, ignoreFunction, convertKeyToPath)
+                    : resolveMapping(value, from);
+            }), convertKeyToPath);
+        }
+        else if (typeof value == 'string' && ~value.indexOf('$')) {
+            object.setVariable(ret, key, resolveMapping(value, from), convertKeyToPath);
+        }
+        else if (typeof value === 'function' && ignoreFunction !== true) {
+            object.setVariable(ret, key, value(from), convertKeyToPath);
+        }
+        else {
+            object.setVariable(ret, key, value, convertKeyToPath);
+            if (value === '__undefined') {
+                object.deleteVariable(ret, key);
+            }
+        }
+    });
+    return ret;
+}
+
+exports.dataMapping = dataMapping;
+exports.resolveMapping = resolveMapping;

package/dist/utils/date.js

@@ -0,0 +1,90 @@
+/**
+ * amis-core v1.0.0-beta.0
+ * Copyright 2018-2022 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var moment = require('moment');
+var object = require('./object.js');
+var tokenize = require('./tokenize.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+
+var timeUnitMap = {
+    year: 'Y',
+    month: 'M',
+    week: 'w',
+    weekday: 'W',
+    day: 'd',
+    hour: 'h',
+    minute: 'm',
+    min: 'm',
+    second: 's',
+    millisecond: 'ms'
+};
+var relativeValueRe = /^(.+)?(\+|-)(\d+)(minute|min|hour|day|week|month|year|weekday|second|millisecond)s?$/i;
+var filterDate = function (value, data, format, utc) {
+    if (data === void 0) { data = {}; }
+    if (format === void 0) { format = 'X'; }
+    if (utc === void 0) { utc = false; }
+    var m, mm = utc ? moment__default["default"].utc : moment__default["default"];
+    if (typeof value === 'string') {
+        value = value.trim();
+    }
+    // todo
+    var date = new Date();
+    value = tokenize.tokenize(value, object.createObject(data, {
+        now: mm().toDate(),
+        today: mm([date.getFullYear(), date.getMonth(), date.getDate()])
+    }), '| raw');
+    if (value && typeof value === 'string' && (m = relativeValueRe.exec(value))) {
+        var date_1 = new Date();
+        var step = parseInt(m[3], 10);
+        var from = m[1]
+            ? filterDate(m[1], data, format, utc)
+            : mm(/(minute|min|hour|second)s?/.test(m[4])
+                ? [
+                    date_1.getFullYear(),
+                    date_1.getMonth(),
+                    date_1.getDate(),
+                    date_1.getHours(),
+                    date_1.getMinutes(),
+                    date_1.getSeconds()
+                ]
+                : [date_1.getFullYear(), date_1.getMonth(), date_1.getDate()]);
+        return m[2] === '-'
+            ? from.subtract(step, timeUnitMap[m[4]])
+            : from.add(step, timeUnitMap[m[4]]);
+        //   return from[m[2] === '-' ? 'subtract' : 'add'](step, mapping[m[4]] || m[4]);
+    }
+    else if (value === 'now') {
+        return mm();
+    }
+    else if (value === 'today') {
+        var date_2 = new Date();
+        return mm([date_2.getFullYear(), date_2.getMonth(), date_2.getDate()]);
+    }
+    else {
+        var result = mm(value);
+        return result.isValid() ? result : mm(value, format);
+    }
+};
+function parseDuration(str) {
+    var matches = /^((?:\-|\+)?(?:\d*\.)?\d+)(minute|min|hour|day|week|month|quarter|year|weekday|second|millisecond)s?$/.exec(str);
+    if (matches) {
+        var duration = moment__default["default"].duration(parseFloat(matches[1]), matches[2]);
+        if (moment__default["default"].isDuration(duration)) {
+            return duration;
+        }
+    }
+    return;
+}
+
+exports.filterDate = filterDate;
+exports.parseDuration = parseDuration;
+exports.relativeValueRe = relativeValueRe;

package/dist/utils/debug.js

@@ -0,0 +1,343 @@
+/**
+ * amis-core v1.0.0-beta.0
+ * Copyright 2018-2022 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cx = require('classnames');
+var reactDom = require('react-dom');
+var JsonView = require('react-json-view');
+var mobx = require('mobx');
+var mobxReact = require('mobx-react');
+var helper = require('./helper.js');
+var position = require('./position.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var JsonView__default = /*#__PURE__*/_interopDefaultLegacy(JsonView);
+
+/**
+ * amis 运行时调试功能，为了避免循环引用，这个组件不要依赖 amis 里的组件
+ */
+/** @class */ ((function () {
+    function Log() {
+        this.cat = '';
+        this.level = '';
+        this.msg = '';
+        this.ext = '';
+    }
+    tslib.__decorate([
+        mobx.observable,
+        tslib.__metadata("design:type", Object)
+    ], Log.prototype, "cat", void 0);
+    tslib.__decorate([
+        mobx.observable,
+        tslib.__metadata("design:type", Object)
+    ], Log.prototype, "level", void 0);
+    tslib.__decorate([
+        mobx.observable,
+        tslib.__metadata("design:type", Object)
+    ], Log.prototype, "msg", void 0);
+    tslib.__decorate([
+        mobx.observable,
+        tslib.__metadata("design:type", Object)
+    ], Log.prototype, "ext", void 0);
+    return Log;
+})());
+var AMISDebugStore = /** @class */ (function () {
+    function AMISDebugStore() {
+        /**
+         * 当前 tab
+         */
+        this.tab = 'log';
+        /**
+         * 显示位置，默认在右边
+         */
+        this.position = 'right';
+        /**
+         * 组件日志
+         */
+        this.logs = [];
+        /**
+         * Debug 面板是否展开
+         */
+        this.isExpanded = false;
+        /**
+         * 是否是 inspect 模式，在这个模式下可以查看数据域
+         */
+        this.inspectMode = false;
+    }
+    tslib.__decorate([
+        mobx.observable,
+        tslib.__metadata("design:type", String)
+    ], AMISDebugStore.prototype, "tab", void 0);
+    tslib.__decorate([
+        mobx.observable,
+        tslib.__metadata("design:type", String)
+    ], AMISDebugStore.prototype, "position", void 0);
+    tslib.__decorate([
+        mobx.observable,
+        tslib.__metadata("design:type", Array)
+    ], AMISDebugStore.prototype, "logs", void 0);
+    tslib.__decorate([
+        mobx.observable,
+        tslib.__metadata("design:type", Object)
+    ], AMISDebugStore.prototype, "isExpanded", void 0);
+    tslib.__decorate([
+        mobx.observable,
+        tslib.__metadata("design:type", Object)
+    ], AMISDebugStore.prototype, "inspectMode", void 0);
+    tslib.__decorate([
+        mobx.observable,
+        tslib.__metadata("design:type", String)
+    ], AMISDebugStore.prototype, "hoverId", void 0);
+    tslib.__decorate([
+        mobx.observable,
+        tslib.__metadata("design:type", String)
+    ], AMISDebugStore.prototype, "activeId", void 0);
+    return AMISDebugStore;
+}());
+var store = new AMISDebugStore();
+// 存储组件信息用于 debug
+var ComponentInfo = {};
+var LogView = mobxReact.observer(function (_a) {
+    var store = _a.store;
+    var logs = store.logs;
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, logs.map(function (log, index) {
+        return (React__default["default"].createElement("div", { className: "AMISDebug-logLine", key: "log-".concat(index) },
+            React__default["default"].createElement("div", { className: "AMISDebug-logLineMsg" },
+                "[",
+                log.cat,
+                "] ",
+                log.msg),
+            log.ext ? (React__default["default"].createElement(JsonView__default["default"], { name: null, theme: "monokai", src: JSON.parse(log.ext), collapsed: true, enableClipboard: false, displayDataTypes: false, iconStyle: "square" })) : null));
+    })));
+});
+var AMISDebug = mobxReact.observer(function (_a) {
+    var _b, _c;
+    var store = _a.store;
+    var activeId = store.activeId;
+    var activeComponentInspect = ComponentInfo[activeId];
+    // 收集数据域里的数据
+    var start = ((_c = (_b = activeComponentInspect === null || activeComponentInspect === void 0 ? void 0 : activeComponentInspect.component) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.data) || {};
+    var stacks = [start];
+    while (Object.getPrototypeOf(start) !== Object.prototype) {
+        var superData = Object.getPrototypeOf(start);
+        if (Object.prototype.toString.call(superData) !== '[object Object]') {
+            break;
+        }
+        stacks.push(superData);
+        start = superData;
+    }
+    var stackDataView = [];
+    if (Object.keys(stacks[0]).length || stacks.length > 1) {
+        var level = 0;
+        for (var _i = 0, stacks_1 = stacks; _i < stacks_1.length; _i++) {
+            var stack = stacks_1[_i];
+            stackDataView.push(React__default["default"].createElement("div", { key: "data-".concat(level) },
+                React__default["default"].createElement("h3", null,
+                    "Data Level-",
+                    level),
+                React__default["default"].createElement(JsonView__default["default"], { key: "dataview-".concat(stack), name: null, theme: "monokai", src: stack, collapsed: level === 0 ? false : true, enableClipboard: false, displayDataTypes: false, iconStyle: "square" })));
+            level += 1;
+        }
+    }
+    var panelRef = React.useRef(null);
+    var _d = React.useState(false), isResizing = _d[0], setResizing = _d[1];
+    var _e = React.useState(0), startX = _e[0], setStartX = _e[1];
+    var _f = React.useState(0), panelWidth = _f[0], setPanelWidth = _f[1];
+    React.useEffect(function () {
+        var handleMouseUp = function () {
+            setResizing(false);
+        };
+        var handleMouseMove = function (e) {
+            if (!isResizing) {
+                return;
+            }
+            var xOffset = store.position === 'right' ? e.clientX - startX : startX - e.clientX;
+            var panel = panelRef.current;
+            var targetWidth = Math.max(200, panelWidth - xOffset);
+            panel.style.width = targetWidth + 'px';
+            if (e.stopPropagation)
+                e.stopPropagation();
+            if (e.preventDefault)
+                e.preventDefault();
+            e.cancelBubble = true;
+            return false;
+        };
+        if (isResizing) {
+            document.addEventListener('mousemove', handleMouseMove);
+            document.addEventListener('mouseup', handleMouseUp);
+        }
+        return function () {
+            if (isResizing) {
+                document.removeEventListener('mousemove', handleMouseMove);
+                document.removeEventListener('mouseup', handleMouseUp);
+            }
+        };
+    }, [isResizing]);
+    return (React__default["default"].createElement("div", { className: cx__default["default"]('AMISDebug', {
+            'is-expanded': store.isExpanded,
+            'is-left': store.position === 'left'
+        }), ref: panelRef },
+        React__default["default"].createElement("div", { className: "AMISDebug-toggle", title: "open debug", onClick: function () {
+                store.isExpanded = true;
+            } }, store.isExpanded ? (React__default["default"].createElement("i", { className: "fas fa-times" })) : (React__default["default"].createElement("i", { className: "fas fa-bug" }))),
+        React__default["default"].createElement("div", { className: cx__default["default"]('AMISDebug-content') },
+            React__default["default"].createElement("div", { className: "AMISDebug-close", title: "Close", onClick: function () {
+                    store.isExpanded = false;
+                } },
+                React__default["default"].createElement("i", { className: "fas fa-times" })),
+            React__default["default"].createElement("div", { className: "AMISDebug-resize", onMouseDown: function (event) {
+                    setStartX(event.clientX);
+                    setPanelWidth(parseInt(getComputedStyle(panelRef.current).getPropertyValue('width'), 10));
+                    setResizing(true);
+                } }),
+            React__default["default"].createElement("div", { className: "AMISDebug-tab" },
+                React__default["default"].createElement("button", { className: cx__default["default"]({ active: store.tab === 'log' }), onClick: function () {
+                        store.tab = 'log';
+                    } }, "Log"),
+                React__default["default"].createElement("button", { className: cx__default["default"]({ active: store.tab === 'inspect' }), onClick: function () {
+                        store.tab = 'inspect';
+                    } }, "Inspect")),
+            React__default["default"].createElement("div", { className: "AMISDebug-changePosition" }, store.position === 'right' ? (React__default["default"].createElement("i", { className: "fas fa-chevron-left", title: "move to left", onClick: function () {
+                    store.position = 'left';
+                } })) : (React__default["default"].createElement("i", { className: "fas fa-chevron-right", title: "move to right", onClick: function () {
+                    store.position = 'right';
+                } }))),
+            store.tab === 'log' ? (React__default["default"].createElement("div", { className: "AMISDebug-log" },
+                React__default["default"].createElement("button", { onClick: function () {
+                        store.logs = [];
+                    } }, "Clear Log"),
+                React__default["default"].createElement(LogView, { store: store }))) : null,
+            store.tab === 'inspect' ? (React__default["default"].createElement("div", { className: "AMISDebug-inspect" }, activeId ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("h3", null,
+                    "Component:",
+                    ' ',
+                    React__default["default"].createElement("span", { className: "primary" }, activeComponentInspect.name)),
+                stackDataView)) : ('Click component to display inspect'))) : null)));
+});
+/**
+ * 鼠标移动到某个组件的效果
+ */
+function handleMouseMove(e) {
+    if (!store.isExpanded) {
+        return;
+    }
+    var dom = e.target;
+    var target = dom.closest("[data-debug-id]");
+    if (target) {
+        store.hoverId = target.getAttribute('data-debug-id');
+    }
+}
+/**
+ *  点选某个组件
+ */
+function handleMouseclick(e) {
+    if (!store.isExpanded) {
+        return;
+    }
+    var dom = e.target;
+    var target = dom.closest("[data-debug-id]");
+    if (target) {
+        store.activeId = target.getAttribute('data-debug-id');
+        store.tab = 'inspect';
+    }
+}
+// hover 及点击后的高亮
+var amisHoverBox = document.createElement('div');
+amisHoverBox.className = 'AMISDebug-hoverBox';
+var amisActiveBox = document.createElement('div');
+amisActiveBox.className = 'AMISDebug-activeBox';
+mobx.autorun(function () {
+    var hoverId = store.hoverId;
+    var hoverElement = document.querySelector("[data-debug-id=\"".concat(hoverId, "\"]"));
+    if (hoverElement) {
+        var offset = position["default"](hoverElement, document.body);
+        amisHoverBox.style.top = "".concat(offset.top, "px");
+        amisHoverBox.style.left = "".concat(offset.left, "px");
+        amisHoverBox.style.width = "".concat(offset.width, "px");
+        amisHoverBox.style.height = "".concat(offset.height, "px");
+    }
+});
+mobx.autorun(function () {
+    var activeId = store.activeId;
+    var activeElement = document.querySelector("[data-debug-id=\"".concat(activeId, "\"]"));
+    if (activeElement) {
+        var offset = position["default"](activeElement, document.body);
+        amisActiveBox.style.top = "".concat(offset.top, "px");
+        amisActiveBox.style.left = "".concat(offset.left, "px");
+        amisActiveBox.style.width = "".concat(offset.width, "px");
+        amisActiveBox.style.height = "".concat(offset.height, "px");
+    }
+});
+// 页面中只能有一个实例
+var isEnabled = false;
+function enableDebug() {
+    if (isEnabled) {
+        return;
+    }
+    isEnabled = true;
+    var amisDebugElement = document.createElement('div');
+    document.body.appendChild(amisDebugElement);
+    var element = React__default["default"].createElement(AMISDebug, { store: store });
+    reactDom.render(element, amisDebugElement);
+    document.body.appendChild(amisHoverBox);
+    document.body.appendChild(amisActiveBox);
+    document.addEventListener('mousemove', handleMouseMove);
+    document.addEventListener('click', handleMouseclick);
+}
+var DebugWrapper = /** @class */ (function (_super) {
+    tslib.__extends(DebugWrapper, _super);
+    function DebugWrapper() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DebugWrapper.prototype.componentDidMount = function () {
+        var root = reactDom.findDOMNode(this);
+        if (!root) {
+            return;
+        }
+        var renderer = this.props.renderer;
+        var debugId = helper.uuidv4();
+        root.setAttribute('data-debug-id', debugId);
+        ComponentInfo[debugId] = {
+            name: renderer.name,
+            component: this.props.children
+        };
+    };
+    DebugWrapper.prototype.render = function () {
+        return this.props.children;
+    };
+    return DebugWrapper;
+}(React.Component));
+/**
+ * 一般调试日志
+ * @param msg 简单消息
+ * @param ext 扩展信息
+ */
+function debug(cat, msg, ext) {
+    if (!isEnabled) {
+        return;
+    }
+    var log = {
+        cat: cat,
+        level: 'debug',
+        msg: msg,
+        ext: JSON.stringify(ext)
+    };
+    console.groupCollapsed('amis debug', msg);
+    console.trace(log);
+    console.groupEnd();
+    store.logs.push(log);
+}
+
+exports.DebugWrapper = DebugWrapper;
+exports.debug = debug;
+exports.enableDebug = enableDebug;

package/dist/utils/errors.js

@@ -0,0 +1,23 @@
+/**
+ * amis-core v1.0.0-beta.0
+ * Copyright 2018-2022 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+var ServerError = /** @class */ (function (_super) {
+    tslib.__extends(ServerError, _super);
+    function ServerError(msg, response) {
+        var _this = _super.call(this, msg) || this;
+        _this.type = 'ServerError';
+        _this.response = response;
+        return _this;
+    }
+    return ServerError;
+}(Error));
+
+exports.ServerError = ServerError;

package/dist/utils/escapeHtml.js

@@ -0,0 +1,24 @@
+/**
+ * amis-core v1.0.0-beta.0
+ * Copyright 2018-2022 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var entityMap = {
+    '&': '&',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#39;',
+    '/': '&#x2F;'
+};
+var escapeHtml = function (str) {
+    return String(str).replace(/[&<>"'\/]/g, function (s) {
+        return entityMap[s];
+    });
+};
+
+exports.escapeHtml = escapeHtml;