@tuya-sat/micro-dev-component 3.3.4 → 3.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-sat/micro-dev-component",
-  "version": "3.3.4",
+  "version": "3.3.5",
   "main": "dist/index.js",
   "license": "MIT",
   "scripts": {

package/dist/index.js

@@ -1,420 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/**
- * List of known SVG tag names.
- *
- * @type {Array<string>}
- */
-const svgTagNames = [
-  'a',
-  'altGlyph',
-  'altGlyphDef',
-  'altGlyphItem',
-  'animate',
-  'animateColor',
-  'animateMotion',
-  'animateTransform',
-  'animation',
-  'audio',
-  'canvas',
-  'circle',
-  'clipPath',
-  'color-profile',
-  'cursor',
-  'defs',
-  'desc',
-  'discard',
-  'ellipse',
-  'feBlend',
-  'feColorMatrix',
-  'feComponentTransfer',
-  'feComposite',
-  'feConvolveMatrix',
-  'feDiffuseLighting',
-  'feDisplacementMap',
-  'feDistantLight',
-  'feDropShadow',
-  'feFlood',
-  'feFuncA',
-  'feFuncB',
-  'feFuncG',
-  'feFuncR',
-  'feGaussianBlur',
-  'feImage',
-  'feMerge',
-  'feMergeNode',
-  'feMorphology',
-  'feOffset',
-  'fePointLight',
-  'feSpecularLighting',
-  'feSpotLight',
-  'feTile',
-  'feTurbulence',
-  'filter',
-  'font',
-  'font-face',
-  'font-face-format',
-  'font-face-name',
-  'font-face-src',
-  'font-face-uri',
-  'foreignObject',
-  'g',
-  'glyph',
-  'glyphRef',
-  'handler',
-  'hkern',
-  'iframe',
-  'image',
-  'line',
-  'linearGradient',
-  'listener',
-  'marker',
-  'mask',
-  'metadata',
-  'missing-glyph',
-  'mpath',
-  'path',
-  'pattern',
-  'polygon',
-  'polyline',
-  'prefetch',
-  'radialGradient',
-  'rect',
-  'script',
-  'set',
-  'solidColor',
-  'stop',
-  'style',
-  'svg',
-  'switch',
-  'symbol',
-  'tbreak',
-  'text',
-  'textArea',
-  'textPath',
-  'title',
-  'tref',
-  'tspan',
-  'unknown',
-  'use',
-  'video',
-  'view',
-  'vkern'
-];
-
-const svgTags = new Set(svgTagNames);
-svgTags.delete('a');
-svgTags.delete('audio');
-svgTags.delete('canvas');
-svgTags.delete('iframe');
-svgTags.delete('script');
-svgTags.delete('video');
-// Copied from Preact
-// https://github.com/preactjs/preact/blob/1bbd687c13c1fd16f0d6393e79ea6232f55fbec4/src/constants.js#L3
-const IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
-const isFragment = (type) => type === DocumentFragment;
-const setCSSProps = (element, style) => {
-    for (const [name, value] of Object.entries(style)) {
-        if (name.startsWith('-')) {
-            element.style.setProperty(name, value);
-        }
-        else if (typeof value === 'number' && !IS_NON_DIMENSIONAL.test(name)) {
-            element.style[name] = `${value}px`;
-        }
-        else {
-            element.style[name] = value;
-        }
-    }
-};
-const create = (type) => {
-    if (typeof type === 'string') {
-        if (svgTags.has(type)) {
-            return document.createElementNS('http://www.w3.org/2000/svg', type);
-        }
-        return document.createElement(type);
-    }
-    if (isFragment(type)) {
-        return document.createDocumentFragment();
-    }
-    return type(type.defaultProps);
-};
-const setAttribute = (element, name, value) => {
-    if (value === undefined || value === null) {
-        return;
-    }
-    // Naive support for xlink namespace
-    // Full list: https://github.com/facebook/react/blob/1843f87/src/renderers/dom/shared/SVGDOMPropertyConfig.js#L258-L264
-    if (/^xlink[AHRST]/.test(name)) {
-        element.setAttributeNS('http://www.w3.org/1999/xlink', name.replace('xlink', 'xlink:').toLowerCase(), value);
-    }
-    else {
-        element.setAttribute(name, value);
-    }
-};
-const addChildren = (parent, children) => {
-    for (const child of children) {
-        if (child instanceof Node) {
-            parent.appendChild(child);
-        }
-        else if (Array.isArray(child)) {
-            addChildren(parent, child);
-        }
-        else if (typeof child !== 'boolean'
-            && typeof child !== 'undefined'
-            && child !== null) {
-            parent.appendChild(document.createTextNode(child));
-        }
-    }
-};
-// These attributes allow "false" as a valid value
-// https://github.com/facebook/react/blob/3f8990898309c61c817fbf663f5221d9a00d0eaa/packages/react-dom/src/shared/DOMProperty.js#L288-L322
-const booleanishAttributes = new Set([
-    // These attributes allow "false" as a valid value
-    'contentEditable',
-    'draggable',
-    'spellCheck',
-    'value',
-    // SVG-specific
-    'autoReverse',
-    'externalResourcesRequired',
-    'focusable',
-    'preserveAlpha',
-]);
-const h = (type, attributes, ...children) => {
-    var _a;
-    const element = create(type);
-    addChildren(element, children);
-    if (element instanceof DocumentFragment || !attributes) {
-        return element;
-    }
-    // Set attributes
-    for (let [name, value] of Object.entries(attributes)) {
-        if (name === 'htmlFor') {
-            name = 'for';
-        }
-        if (name === 'class' || name === 'className') {
-            const existingClassname = (_a = element.getAttribute('class')) !== null && _a !== void 0 ? _a : '';
-            setAttribute(element, 'class', (existingClassname + ' ' + String(value)).trim());
-        }
-        else if (name === 'style') {
-            setCSSProps(element, value);
-        }
-        else if (name.startsWith('on')) {
-            const eventName = name.slice(2).toLowerCase().replace(/^-/, '');
-            element.addEventListener(eventName, value);
-        }
-        else if (name === 'dangerouslySetInnerHTML' && '__html' in value) {
-            element.innerHTML = value.__html;
-        }
-        else if (name !== 'key' && (booleanishAttributes.has(name) || value !== false)) {
-            setAttribute(element, name, value === true ? '' : value);
-        }
-    }
-    return element;
-};
-// eslint-disable-next-line @typescript-eslint/no-redeclare -- Ur rong.
-const Fragment = (typeof DocumentFragment === 'function' ? DocumentFragment : () => { });
-// Improve TypeScript support for DocumentFragment
-// https://github.com/Microsoft/TypeScript/issues/20469
-const React = {
-    createElement: h,
-    Fragment,
-};
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$1 = ".ruleModal-module_cover__dkT6q {\n  display: none;\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 10000;\n}\n.ruleModal-module_modal__I0Xxp {\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -68%);\n  width: 438px;\n  max-height: 400px;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 0;\n  border-radius: 2px;\n  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;\n  pointer-events: auto;\n}\n.ruleModal-module_modal__I0Xxp .ruleModal-module_header__omUo2 {\n  height: 53px;\n  padding-left: 20px;\n  line-height: 53px;\n  border-bottom: 1px solid #f0f0f0;\n}\n.ruleModal-module_modal__I0Xxp .ruleModal-module_footer__yuYWv {\n  border-top: 1px solid #f0f0f0;\n  padding: 10px 10px 10px 0px;\n  text-align: right;\n}\n.ruleModal-module_modal__I0Xxp .ruleModal-module_footer__yuYWv .ruleModal-module_cancel__O3x0P {\n  display: inline-block;\n  padding: 4px 14px;\n  background: #fff;\n  color: #333;\n  border-radius: 4px;\n  margin-right: 10px;\n  cursor: pointer;\n  border: 1px solid #d9d9d9;\n}\n.ruleModal-module_modal__I0Xxp .ruleModal-module_footer__yuYWv .ruleModal-module_ok__KQc0K {\n  display: inline-block;\n  padding: 5px 15px;\n  background: #1890ff;\n  color: #fff;\n  border-radius: 4px;\n  cursor: pointer;\n}\n@media (max-width: 488px) {\n  .ruleModal-module_modal__I0Xxp {\n    width: 80%;\n  }\n}\n";
-var styles$1 = {"cover":"ruleModal-module_cover__dkT6q","modal":"ruleModal-module_modal__I0Xxp","header":"ruleModal-module_header__omUo2","footer":"ruleModal-module_footer__yuYWv","cancel":"ruleModal-module_cancel__O3x0P","ok":"ruleModal-module_ok__KQc0K"};
-styleInject(css_248z$1);
-
-class RuleModal {
-    constructor({ handleClose }) {
-        this.formItems = [...window._allCodesStatusMap.entries()].map(([code, value]) => {
-            return {
-                label: code,
-                name: code,
-                value,
-            };
-        });
-        this.handleClose = handleClose;
-        this.init();
-    }
-    handleOk() {
-        const roleItem = [...this.element.querySelectorAll("input")];
-        const roleChecked = roleItem
-            .map(({ attributes, checked }) => checked ? attributes["data-role"].value : null)
-            .filter(Boolean);
-        window._authedCodeInfoProxy.authedCode = roleChecked;
-        this.handleClose();
-    }
-    render() {
-        return (React.createElement("div", { className: styles$1.cover },
-            React.createElement("div", { className: styles$1.modal },
-                React.createElement("div", { className: styles$1.header }, "\u89D2\u8272\u6743\u9650"),
-                React.createElement("div", { style: {
-                        paddingTop: "2em",
-                        paddingBottom: "1em",
-                    } }, this.formItems.map(({ label, name, value }) => (React.createElement("p", { style: {
-                        paddingLeft: "30px",
-                    } },
-                    React.createElement("input", { type: "checkbox", style: { marginRight: "6px", cursor: "pointer" }, "data-role": name, id: name }),
-                    React.createElement("label", { htmlFor: name, style: { cursor: "pointer" } }, label))))),
-                React.createElement("div", { className: styles$1.footer },
-                    React.createElement("div", { className: styles$1.cancel, onClick: this.handleClose }, "\u53D6\u6D88"),
-                    React.createElement("div", { className: styles$1.ok, onClick: this.handleOk.bind(this) }, "\u786E\u5B9A")))));
-    }
-    init() {
-        const dom = this.render();
-        this.element = dom;
-        document.body.appendChild(this.element);
-    }
-}
-
-var css_248z = ".fixed-module_container__yByz5 {\n  position: fixed;\n  z-index: 9999;\n  transform: translate(50%, 50%);\n  color: #fff;\n  border-radius: 50%;\n}\n.fixed-module_mainIcon__bwrzu {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n  background-color: #fff;\n  cursor: pointer;\n  user-select: none;\n  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;\n}\n.fixed-module_mIcon__TTq3k,\n.fixed-module_rIcon__RIGhf {\n  position: absolute;\n  left: 10px;\n  top: 10px;\n  width: 30px;\n  height: 30px;\n  text-align: center;\n  line-height: 30px;\n  border-radius: 50%;\n  transform-origin: 50% 50%;\n  background-color: #1890ff;\n  transition: all 0.5s;\n  cursor: pointer;\n  user-select: none;\n}\n.fixed-module_mIconActive__-zslY {\n  transform: translate(-60px, 0px);\n}\n.fixed-module_rIconActive__kupXn {\n  transform: translate(0px, -60px);\n}\n";
-var styles = {"container":"fixed-module_container__yByz5","mainIcon":"fixed-module_mainIcon__bwrzu","mIcon":"fixed-module_mIcon__TTq3k","rIcon":"fixed-module_rIcon__RIGhf","mIconActive":"fixed-module_mIconActive__-zslY","rIconActive":"fixed-module_rIconActive__kupXn"};
-styleInject(css_248z);
-
-class Fixed {
-    constructor(container) {
-        this.isMove = false;
-        this.dowmTime = 0;
-        this.windowSize = {
-            width: window.innerWidth,
-            height: window.innerHeight,
-        };
-        this.container = container;
-        this.proxyData = this.observable({
-            position: {
-                right: 80,
-                bottom: 80,
-            },
-            visible: false,
-        }, [
-            "position",
-            ({ right, bottom }) => {
-                this.element.style.right = `${right}px`;
-                this.element.style.bottom = `${bottom}px`;
-            },
-        ], [
-            "visible",
-            (visible) => {
-                this.children.element.style.display = visible ? "block" : "none";
-            },
-        ]);
-        this.children = new RuleModal({
-            handleClose: function () {
-                this.proxyData.visible = false;
-            }.bind(this),
-        });
-        this.addResizeListener();
-        this.addGlobalListener();
-        this.init();
-    }
-    init() {
-        const { right, bottom } = this.proxyData.position;
-        const start = () => {
-            this.isMove = true;
-            this.dowmTime = new Date().valueOf();
-        };
-        const end = () => {
-            const upTime = new Date().valueOf();
-            const leftTime = upTime - this.dowmTime;
-            if (leftTime > 238) {
-                return;
-            }
-            this.proxyData.visible = !this.proxyData.visible;
-        };
-        const fixedDom = (React.createElement("div", { className: styles.container, style: {
-                right: right,
-                bottom: bottom,
-            }, onTouchStart: start, onTouchEnd: end, onMouseDown: start, onMouseUp: end },
-            React.createElement("div", { className: styles.mainIcon },
-                React.createElement("svg", { viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "p-id": "2748", width: "27", height: "27" },
-                    React.createElement("path", { d: "M951.4 797.5L563.8 409.9c10.2-11 9.9-28.1-0.8-38.8l-32.4-32.4c12.1-74.4-11.9-149.4-65.6-203.1C420.8 91.4 362 67 299.4 67c-29.3 0-57.9 5.4-85.1 15.9-8.8 3.4-15.3 11.1-17.3 20.3-1.9 9.3 0.9 18.9 7.6 25.6l126.7 126.7-74.4 74.4-128.1-128.1c-6.6-6.6-16-9.5-25.2-7.7-9.2 1.8-16.8 8.1-20.4 16.7-37 88.1-17.2 188.8 50.4 256.3 44.2 44.3 103.1 68.6 165.7 68.6 14.2 0 28.5-1.3 42.4-3.8l30.3 30.3c10.7 10.7 27.8 10.9 38.8 0.8l387.6 387.6c5.5 5.5 12.6 8.2 19.8 8.2 7.2 0 14.3-2.7 19.8-8.2l113.4-113.4c10.9-11 10.9-28.8 0-39.7z m-133.2 93.6L435.9 508.9l37.6-37.6c7.3-7.3 7.3-19.1 0-26.4-7.3-7.3-19.1-7.3-26.4 0l-56.6 56.6-20-20c-7-7-17.2-9.8-26.7-7.3-14.5 3.7-29.5 5.6-44.5 5.6-47.6 0-92.4-18.5-126.1-52.2-40.8-40.8-58.7-97.4-50.4-152.5l114.3 114.3c10.9 11 28.6 11 39.6 0L390.2 276l0.7-0.7c10.8-10.9 10.7-28.6-0.2-39.4L279.2 124.2c6.7-0.7 13.4-1.1 20.2-1.1 47.6 0 92.4 18.5 126.1 52.2 43.8 43.8 61.5 106 47.6 166.5-2.1 9.4 0.7 19.3 7.5 26.1l23.2 23.1c-10.2 11-9.9 28.1 0.8 38.8L892 817.3 868.3 841 565.8 538.5c-7.3-7.3-19.1-7.3-26.4 0-7.3 7.3-7.3 19.1 0 26.4l302.5 302.5-23.7 23.7z", fill: "#4F4F4F", "p-id": "2749" }),
-                    React.createElement("path", { d: "M395.3 321.8l-74.4 74.4c-7.3 7.3-7.3 19.1 0 26.4 3.7 3.6 8.4 5.5 13.2 5.5s9.5-1.8 13.2-5.5l74.4-74.4c7.3-7.3 7.3-19.1 0-26.4-7.4-7.3-19.2-7.3-26.4 0z", fill: "#4F4F4F", "p-id": "2750" })))));
-        this.element = fixedDom;
-    }
-    observable(target, ...cbs) {
-        const cbsMap = new Map(cbs);
-        return new Proxy(target, {
-            get(target, prop) {
-                return target[prop];
-            },
-            set(target, prop, value) {
-                target[prop] = value;
-                if (cbsMap.has(prop)) {
-                    cbsMap.get(prop)(value);
-                }
-                return true;
-            },
-        });
-    }
-    addResizeListener() {
-        let resize = ({ target }) => {
-            this.windowSize = {
-                width: target.innerWidth,
-                height: target.innerHeight,
-            };
-        };
-        window.addEventListener("resize", resize);
-    }
-    addGlobalListener() {
-        const bodyDom = document.querySelector("body");
-        const moveup = () => {
-            this.isMove = false;
-        };
-        const move = (e) => {
-            if (this.isMove) {
-                let { clientX, clientY } = e;
-                if (clientX === undefined || clientY === undefined) {
-                    ({ clientX, clientY } = e.changedTouches[0]);
-                }
-                const { width, height } = this.windowSize;
-                this.proxyData.position = {
-                    right: width - clientX,
-                    bottom: height - clientY,
-                };
-            }
-        };
-        bodyDom.addEventListener("mouseup", moveup);
-        bodyDom.addEventListener("touchend", moveup);
-        bodyDom.addEventListener("mousemove", move);
-        bodyDom.addEventListener("touchmove", move);
-    }
-    render() {
-        this.container.appendChild(this.element);
-    }
-}
-
-const insertDom = (container) => {
-    new Fixed(container).render();
-};
-
-exports.insertDom = insertDom;