@nutui/icons-react-taro 3.0.2-beta.5 → 3.0.2-beta.ios.0

package/dist/es/icons/IconHarmonyTemplate.js

@@ -70,6 +70,300 @@ const Icon$1 = (props) => {
   }, children);
 };
 const Icon$2 = Icon$1;
+const isComplexType = (o) => {
+  o = typeof o;
+  return o === "object" || o === "function";
+};
+const h = (nodeName, vnodeData, ...children) => {
+  let child = null;
+  let key = null;
+  let slotName = null;
+  let simple = false;
+  let lastSimple = false;
+  const vNodeChildren = [];
+  const walk = (c) => {
+    for (let i = 0; i < c.length; i++) {
+      child = c[i];
+      if (Array.isArray(child)) {
+        walk(child);
+      } else if (child != null && typeof child !== "boolean") {
+        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
+          child = String(child);
+        }
+        if (simple && lastSimple) {
+          vNodeChildren[vNodeChildren.length - 1].$text$ += child;
+        } else {
+          vNodeChildren.push(simple ? newVNode(null, child) : child);
+        }
+        lastSimple = simple;
+      }
+    }
+  };
+  walk(children);
+  if (vnodeData) {
+    if (vnodeData.key) {
+      key = vnodeData.key;
+    }
+    if (vnodeData.name) {
+      slotName = vnodeData.name;
+    }
+    {
+      const classData = vnodeData.className || vnodeData.class;
+      if (classData) {
+        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
+      }
+    }
+  }
+  if (typeof nodeName === "function") {
+    return nodeName(vnodeData === null ? {} : vnodeData, vNodeChildren, vdomFnUtils);
+  }
+  const vnode = newVNode(nodeName, null);
+  vnode.$attrs$ = vnodeData;
+  if (vNodeChildren.length > 0) {
+    vnode.$children$ = vNodeChildren;
+  }
+  {
+    vnode.$key$ = key;
+  }
+  {
+    vnode.$name$ = slotName;
+  }
+  return vnode;
+};
+const newVNode = (tag, text) => {
+  const vnode = {
+    $flags$: 0,
+    $tag$: tag,
+    $text$: text,
+    $elm$: null,
+    $children$: null
+  };
+  {
+    vnode.$attrs$ = null;
+  }
+  {
+    vnode.$key$ = null;
+  }
+  {
+    vnode.$name$ = null;
+  }
+  return vnode;
+};
+const Host = {};
+const vdomFnUtils = {
+  forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
+  map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
+};
+const convertToPublic = (node) => ({
+  vattrs: node.$attrs$,
+  vchildren: node.$children$,
+  vkey: node.$key$,
+  vname: node.$name$,
+  vtag: node.$tag$,
+  vtext: node.$text$
+});
+const convertToPrivate = (node) => {
+  if (typeof node.vtag === "function") {
+    const vnodeData = Object.assign({}, node.vattrs);
+    if (node.vkey) {
+      vnodeData.key = node.vkey;
+    }
+    if (node.vname) {
+      vnodeData.name = node.vname;
+    }
+    return h(node.vtag, vnodeData, ...node.vchildren || []);
+  }
+  const vnode = newVNode(node.vtag, node.vtext);
+  vnode.$attrs$ = node.vattrs;
+  vnode.$children$ = node.vchildren;
+  vnode.$key$ = node.vkey;
+  vnode.$name$ = node.vname;
+  return vnode;
+};
+const getElement = (ref) => getHostRef(ref).$hostElement$;
+const createEvent = (ref, name, flags) => {
+  const elm = getElement(ref);
+  return {
+    emit: (detail) => {
+      return emitEvent(elm, name, {
+        bubbles: !!(flags & 4),
+        composed: !!(flags & 2),
+        cancelable: !!(flags & 1),
+        detail
+      });
+    }
+  };
+};
+const emitEvent = (elm, name, opts) => {
+  const ev = plt.ce(name, opts);
+  elm.dispatchEvent(ev);
+  return ev;
+};
+const hostRefs = /* @__PURE__ */ new WeakMap();
+const getHostRef = (ref) => hostRefs.get(ref);
+const registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+const plt = {
+  $flags$: 0,
+  $resourcesUrl$: "",
+  jmp: (h2) => h2(),
+  raf: (h2) => requestAnimationFrame(h2),
+  ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
+  rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
+  ce: (eventName, opts) => new CustomEvent(eventName, opts)
+};
+function createCommonjsModule(fn, basedir, module) {
+  return module = {
+    path: basedir,
+    exports: {},
+    require: function(path, base) {
+      return commonjsRequire();
+    }
+  }, fn(module, module.exports), module.exports;
+}
+function commonjsRequire() {
+  throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
+}
+var classnames = createCommonjsModule(function(module) {
+  /*!
+  	Copyright (c) 2018 Jed Watson.
+  	Licensed under the MIT License (MIT), see
+  	http://jedwatson.github.io/classnames
+  */
+  (function() {
+    var hasOwn = {}.hasOwnProperty;
+    function classNames() {
+      var classes = "";
+      for (var i = 0; i < arguments.length; i++) {
+        var arg = arguments[i];
+        if (arg) {
+          classes = appendClass(classes, parseValue(arg));
+        }
+      }
+      return classes;
+    }
+    function parseValue(arg) {
+      if (typeof arg === "string" || typeof arg === "number") {
+        return arg;
+      }
+      if (typeof arg !== "object") {
+        return "";
+      }
+      if (Array.isArray(arg)) {
+        return classNames.apply(null, arg);
+      }
+      if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+        return arg.toString();
+      }
+      var classes = "";
+      for (var key in arg) {
+        if (hasOwn.call(arg, key) && arg[key]) {
+          classes = appendClass(classes, key);
+        }
+      }
+      return classes;
+    }
+    function appendClass(value, newClass) {
+      if (!newClass) {
+        return value;
+      }
+      if (value) {
+        return value + " " + newClass;
+      }
+      return value + newClass;
+    }
+    if (module.exports) {
+      classNames.default = classNames;
+      module.exports = classNames;
+    } else {
+      window.classNames = classNames;
+    }
+  })();
+});
+const indexCss = 'img[src=""]{opacity:0}taro-image-core{width:320px;height:240px;font-size:0;display:inline-block;position:relative;overflow:hidden}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-scaletofill{width:100%;height:100%}.taro-img__mode-aspectfit{max-width:100%;max-height:100%;position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-aspectfill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-aspectfill--width{min-width:100%;height:100%}.taro-img__mode-aspectfill--height{width:100%;min-height:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-heightfix{height:100%}.taro-img__mode-top{position:absolute;left:50%;transform:translate(-50%)}.taro-img__mode-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.taro-img__mode-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-left{position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-right{position:absolute;top:50%;right:0;transform:translateY(-50%)}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;bottom:0;right:0}';
+const LEGO_CDN_URL = "http://ossin.jd.com/swm-plus/h5Tag/tag.js";
+const isLegoScriptLoaded = () => {
+  return document.querySelector(`script[src="${LEGO_CDN_URL}"]`) !== null;
+};
+const insertLegoScript = () => {
+  if (isLegoScriptLoaded())
+    return;
+  const script = document.createElement("script");
+  script.type = "module";
+  script.src = LEGO_CDN_URL;
+  document.head.appendChild(script);
+};
+const parseLegoUrl = (src) => {
+  if (!src.startsWith("lego://"))
+    return null;
+  try {
+    const urlWithoutProtocol = src.substring(7);
+    const [tagId, params] = urlWithoutProtocol.split("?");
+    const text = params ? new URLSearchParams(params).get("text") || "" : "";
+    return { tagId, text };
+  } catch (error) {
+    console.warn("Failed to parse lego URL:", src, error);
+    return null;
+  }
+};
+const Image = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onLoad = createEvent(this, "load", 7);
+    this.onError = createEvent(this, "error", 7);
+    this.src = void 0;
+    this.mode = "scaleToFill";
+    this.lazyLoad = false;
+    this.nativeProps = {};
+    this.lang = void 0;
+    this.aspectFillMode = "width";
+    this.didLoad = false;
+  }
+  componentDidLoad() {
+    const legoData = parseLegoUrl(this.src);
+    if (legoData !== null) {
+      insertLegoScript();
+    }
+    if (!this.lazyLoad)
+      return;
+    const lazyImg = new IntersectionObserver((entries) => {
+      if (entries[entries.length - 1].isIntersecting) {
+        lazyImg.unobserve(this.imgRef);
+        this.didLoad = true;
+      }
+    }, {
+      rootMargin: "300px 0px"
+    });
+    lazyImg.observe(this.imgRef);
+  }
+  imageOnLoad() {
+    const { width, height, naturalWidth, naturalHeight } = this.imgRef;
+    this.onLoad.emit({
+      width,
+      height
+    });
+    this.aspectFillMode = naturalWidth > naturalHeight ? "width" : "height";
+  }
+  imageOnError(e) {
+    this.onError.emit(e);
+  }
+  render() {
+    const { src, lazyLoad = false, aspectFillMode = "width", imageOnLoad, imageOnError, nativeProps, didLoad, lang } = this;
+    const mode = this.mode || "scaleToFill";
+    const legoData = parseLegoUrl(src);
+    const isLegoMode = legoData !== null;
+    const cls = classnames({
+      "taro-img__widthfix": mode === "widthFix"
+    });
+    const imgCls = classnames(`taro-img__mode-${mode.toLowerCase().replace(/\s/g, "")}`, {
+      [`taro-img__mode-aspectfill--${aspectFillMode}`]: mode === "aspectFill"
+    });
+    if (isLegoMode && legoData) {
+      return h(Host, { class: cls }, h("canvas-tag", Object.assign({ tagId: legoData.tagId, text: legoData.text, lang }, nativeProps)));
+    }
+    return h(Host, { class: cls }, src ? h("img", Object.assign({ ref: (img) => this.imgRef = img, class: imgCls, src: lazyLoad && !didLoad ? void 0 : src, onLoad: imageOnLoad.bind(this), onError: imageOnError.bind(this) }, nativeProps)) : "");
+  }
+};
+Image.style = indexCss;
 const defaultProps = {
   className: "",
   style: void 0,
@@ -124,13 +418,17 @@ const Icon = (props) => {
       color
     };
   };
-  return React.createElement("Image", {
-    src: svgSrc,
-    className: classes(),
-    style: getStyle(),
-    onClick: handleClick,
-    svg: true
-  }, children);
+  return React.createElement(
+    Image,
+    {
+      src: svgSrc,
+      className: classes(),
+      style: getStyle(),
+      onClick: handleClick,
+      svg: true
+    },
+    children
+  );
 };
 const Icon2 = Icon;
 export {