@ruixinkeji/prism-ui 1.0.14 → 1.0.16

package/dist/dev/mp-weixin/pages/icons/icons.js

@@ -0,0 +1,350 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const store_app = require("../../store/app.js");
+const composables_useNavbar = require("../../composables/useNavbar.js");
+if (!Array) {
+  const _easycom_PrismNavBar2 = common_vendor.resolveComponent("PrismNavBar");
+  const _easycom_PrismTabBar2 = common_vendor.resolveComponent("PrismTabBar");
+  (_easycom_PrismNavBar2 + _easycom_PrismTabBar2)();
+}
+const _easycom_PrismNavBar = () => "../../components/PrismNavBar/PrismNavBar.js";
+const _easycom_PrismTabBar = () => "../../components/PrismTabBar/PrismTabBar.js";
+if (!Math) {
+  (_easycom_PrismNavBar + PrismTabs + _easycom_PrismTabBar)();
+}
+const PrismTabs = () => "../../components/PrismTabs/PrismTabs.js";
+const _sfc_main = {
+  __name: "icons",
+  setup(__props) {
+    const appStore = store_app.useAppStore();
+    const searchText = common_vendor.ref("");
+    const activeTabIndex = common_vendor.ref(0);
+    const scrollToId = common_vendor.ref("");
+    const currentCategoryIndex = common_vendor.ref(0);
+    const showCategoryNav = common_vendor.ref(false);
+    const showStylePanel = common_vendor.ref(false);
+    const selectedColor = common_vendor.ref("");
+    const selectedStyle = common_vendor.ref("");
+    const colorOptions = [
+      { name: "", label: "默认", hex: "#86909C" },
+      { name: "blue", label: "蓝", hex: "#3478F6" },
+      { name: "purple", label: "紫", hex: "#722ED1" },
+      { name: "green", label: "绿", hex: "#00B42A" },
+      { name: "red", label: "红", hex: "#F53F3F" },
+      { name: "orange", label: "橙", hex: "#FF7D00" },
+      { name: "cyan", label: "青", hex: "#14C9C9" },
+      { name: "pink", label: "粉", hex: "#F53F7F" }
+    ];
+    const styleOptions = [
+      { name: "", label: "默认" },
+      { name: "solid", label: "实心" },
+      { name: "gradient", label: "渐变" },
+      { name: "glass", label: "玻璃" },
+      { name: "outline", label: "轮廓" }
+    ];
+    const iconContainerClass = common_vendor.computed(() => {
+      if (!selectedColor.value) return "";
+      if (!selectedStyle.value) return `prism-icon ${selectedColor.value}`;
+      return `prism-icon ${selectedColor.value} ${selectedStyle.value}`;
+    });
+    const systemInfo = common_vendor.index.getSystemInfoSync();
+    const systemInfoWidth = systemInfo.windowWidth;
+    const { navbarContentHeight } = composables_useNavbar.useNavbar();
+    function scrollToCategory(index) {
+      currentCategoryIndex.value = index;
+      scrollToId.value = "";
+      setTimeout(() => {
+        scrollToId.value = "fa-section-" + index;
+      }, 50);
+    }
+    const navbarHeight = common_vendor.computed(() => {
+      const searchBoxHeight = 140 / 750 * systemInfoWidth;
+      return appStore.statusBarHeight + navbarContentHeight.value + searchBoxHeight;
+    });
+    const faCategories = [
+      {
+        name: "基础操作",
+        icons: ["fa-sun", "fa-moon", "fa-circle-half-stroke", "fa-bell", "fa-bell-slash", "fa-search", "fa-plus", "fa-check", "fa-times", "fa-xmark", "fa-edit", "fa-trash", "fa-trash-can", "fa-refresh", "fa-link", "fa-cube", "fa-keyboard", "fa-compass", "fa-comment", "fa-comment-dots", "fa-comments", "fa-comment-sms", "fa-comments-dollar", "fa-wand-magic-sparkles", "fa-wand-sparkles", "fa-magic", "fa-briefcase", "fa-layer-group", "fa-layer-plus", "fa-layer-minus", "fa-qrcode", "fa-camera", "fa-camera-retro", "fa-palette", "fa-icons", "fa-clone", "fa-copy", "fa-paste", "fa-scissors", "fa-cut"]
+      },
+      {
+        name: "箭头方向",
+        icons: ["fa-angle-right", "fa-angle-down", "fa-angle-left", "fa-angle-up", "fa-angles-left", "fa-angles-right", "fa-angles-up", "fa-angles-down", "fa-arrow-left", "fa-arrow-right", "fa-arrow-up", "fa-arrow-down", "fa-arrow-left-long", "fa-arrow-right-long", "fa-arrow-up-long", "fa-arrow-down-long", "fa-arrow-rotate-right", "fa-arrow-rotate-left", "fa-arrows-rotate", "fa-arrows-spin", "fa-arrow-trend-up", "fa-arrow-turn-down", "fa-arrow-turn-up", "fa-arrow-up-from-bracket", "fa-arrow-down-to-bracket", "fa-arrow-up-right-from-square", "fa-up-right-from-square", "fa-external-link", "fa-rotate", "fa-rotate-right", "fa-rotate-left", "fa-redo", "fa-undo", "fa-reply", "fa-chevron-left", "fa-chevron-right", "fa-chevron-up", "fa-chevron-down", "fa-caret-left", "fa-caret-right", "fa-caret-up", "fa-caret-down", "fa-sort", "fa-sort-up", "fa-sort-down", "fa-circle-arrow-left", "fa-circle-arrow-right", "fa-circle-arrow-up", "fa-circle-arrow-down"]
+      },
+      {
+        name: "用户相关",
+        icons: ["fa-user", "fa-users", "fa-user-plus", "fa-user-minus", "fa-user-group", "fa-user-gear", "fa-user-cog", "fa-user-check", "fa-user-tag", "fa-user-edit", "fa-user-pen", "fa-user-lock", "fa-user-slash", "fa-user-clock", "fa-user-doctor", "fa-user-nurse", "fa-user-graduate", "fa-user-tie", "fa-user-secret", "fa-user-astronaut", "fa-user-ninja", "fa-user-shield", "fa-user-shield-alt", "fa-users-gear", "fa-users-cog"]
+      },
+      {
+        name: "文件文件夹",
+        icons: ["fa-file", "fa-file-text", "fa-file-lines", "fa-files", "fa-folder", "fa-folder-open", "fa-folder-tree", "fa-folder-plus", "fa-folder-minus", "fa-folder-closed", "fa-file-pdf", "fa-file-word", "fa-file-excel", "fa-file-powerpoint", "fa-file-image", "fa-file-video", "fa-file-audio", "fa-file-code", "fa-file-zipper", "fa-file-csv", "fa-file-arrow-up", "fa-file-arrow-down", "fa-file-export", "fa-file-import", "fa-file-circle-plus", "fa-file-circle-minus", "fa-file-circle-check", "fa-file-circle-xmark", "fa-file-medical", "fa-file-prescription", "fa-file-signature", "fa-file-contract", "fa-file-invoice", "fa-file-invoice-dollar", "fa-download", "fa-upload", "fa-cloud-arrow-up", "fa-cloud-arrow-down"]
+      },
+      {
+        name: "时间日历",
+        icons: ["fa-calendar", "fa-calendar-days", "fa-calendar-week", "fa-calendar-check", "fa-calendar-xmark", "fa-calendar-plus", "fa-calendar-minus", "fa-clock", "fa-clock-rotate-left", "fa-history", "fa-hourglass", "fa-hourglass-half", "fa-stopwatch", "fa-timer", "fa-alarm-clock"]
+      },
+      {
+        name: "导航界面",
+        icons: ["fa-home", "fa-house", "fa-house-chimney", "fa-house-user", "fa-house-building", "fa-house-lock", "fa-cog", "fa-gear", "fa-gears", "fa-sliders", "fa-info-circle", "fa-mobile", "fa-mobile-alt", "fa-mobile-screen", "fa-mobile-button", "fa-bars", "fa-bars-staggered", "fa-bars-filter", "fa-ellipsis", "fa-ellipsis-vertical", "fa-ellipsis-v", "fa-filter", "fa-filter-circle-xmark", "fa-magnifying-glass", "fa-magnifying-glass-plus", "fa-magnifying-glass-minus", "fa-expand", "fa-compress", "fa-maximize", "fa-minimize", "fa-grid", "fa-grid-2", "fa-grid-3", "fa-sidebar", "fa-sidebar-flip", "fa-window-maximize", "fa-window-minimize", "fa-window-restore"]
+      },
+      {
+        name: "状态提示",
+        icons: ["fa-shield", "fa-shield-halved", "fa-shield-check", "fa-shield-xmark", "fa-shield-exclamation", "fa-circle-check", "fa-circle-xmark", "fa-circle-info", "fa-circle-question", "fa-circle-exclamation", "fa-circle-plus", "fa-circle-minus", "fa-circle-pause", "fa-circle-pause-alt", "fa-circle-play", "fa-circle-stop", "fa-square-check", "fa-square-xmark", "fa-square-plus", "fa-square-minus", "fa-triangle-exclamation", "fa-triangle-exclamation-alt", "fa-octagon-exclamation", "fa-hexagon-exclamation", "fa-exclamation", "fa-question", "fa-ban", "fa-xmark", "fa-minus", "fa-equals", "fa-spinner", "fa-circle-notch"]
+      },
+      {
+        name: "图表统计",
+        icons: ["fa-chart-bar", "fa-chart-pie", "fa-chart-line", "fa-chart-area", "fa-chart-column", "fa-chart-simple", "fa-chart-gantt", "fa-chart-scatter", "fa-chart-waterfall", "fa-chart-tree-map", "fa-chart-pyramid", "fa-chart-network", "fa-chart-mixed", "fa-square-poll-vertical", "fa-ranking-star", "fa-list-check", "fa-clipboard-list", "fa-address-book", "fa-diagram-project", "fa-project-diagram"]
+      },
+      {
+        name: "VIP会员",
+        icons: ["fa-crown", "fa-crown-alt", "fa-gem", "fa-gem-alt", "fa-award", "fa-award-simple", "fa-trophy", "fa-trophy-alt", "fa-medal", "fa-medal-alt", "fa-ribbon", "fa-certificate", "fa-stars", "fa-sparkles", "fa-infinity", "fa-database", "fa-cloud", "fa-hard-drive"]
+      },
+      {
+        name: "营销促销",
+        icons: ["fa-gift", "fa-gift-card", "fa-gifts", "fa-tags", "fa-tag", "fa-percent", "fa-percent-simple", "fa-ticket", "fa-ticket-simple", "fa-ticket-alt", "fa-bullhorn", "fa-megaphone", "fa-ad", "fa-rectangle-ad", "fa-star", "fa-star-half", "fa-heart", "fa-thumbs-up", "fa-thumbs-down", "fa-fire", "fa-bolt"]
+      },
+      {
+        name: "购物电商",
+        icons: ["fa-cart-shopping", "fa-shopping-cart", "fa-cart-plus", "fa-cart-arrow-down", "fa-bag-shopping", "fa-basket-shopping", "fa-store", "fa-store-alt", "fa-store-slash", "fa-shop", "fa-shop-lock", "fa-shop-slash", "fa-receipt", "fa-barcode", "fa-barcode-scan", "fa-box", "fa-box-open", "fa-box-archive", "fa-boxes-stacked", "fa-boxes-alt", "fa-boxes-packing", "fa-truck", "fa-truck-fast", "fa-truck-ramp-box"]
+      },
+      {
+        name: "支付金融",
+        icons: ["fa-credit-card", "fa-credit-card-blank", "fa-wallet", "fa-money-bill", "fa-money-bills", "fa-money-bill-wave", "fa-money-bill-transfer", "fa-money-bill-trend-up", "fa-money-check", "fa-money-check-dollar", "fa-coins", "fa-coins-exchange", "fa-piggy-bank", "fa-landmark", "fa-sack-dollar", "fa-hand-holding-dollar", "fa-circle-dollar-to-slot", "fa-cash-register", "fa-calculator", "fa-calculator-simple", "fa-dollar-sign", "fa-dollar", "fa-yuan-sign", "fa-yen-sign", "fa-euro-sign", "fa-pound-sign", "fa-bitcoin-sign"]
+      },
+      {
+        name: "通讯社交",
+        icons: ["fa-phone", "fa-phone-volume", "fa-phone-flip", "fa-phone-slash", "fa-square-phone", "fa-envelope", "fa-envelope-open", "fa-paper-plane", "fa-message", "fa-inbox", "fa-voicemail", "fa-fax", "fa-sms", "fa-share", "fa-share-nodes", "fa-share-alt", "fa-share-from-square", "fa-at", "fa-hashtag", "fa-location-dot", "fa-location-pin", "fa-location-arrow", "fa-location-crosshairs", "fa-map-marker", "fa-map-marker-alt", "fa-map", "fa-map-location", "fa-map-location-dot", "fa-globe", "fa-earth-asia"]
+      },
+      {
+        name: "媒体播放",
+        icons: ["fa-play", "fa-pause", "fa-play-pause", "fa-stop", "fa-forward", "fa-backward", "fa-forward-step", "fa-backward-step", "fa-forward-fast", "fa-backward-fast", "fa-volume-high", "fa-volume-low", "fa-volume-off", "fa-volume-xmark", "fa-volume-xmark-alt", "fa-music", "fa-music-note", "fa-video", "fa-film", "fa-photo-film", "fa-clapperboard", "fa-image", "fa-images", "fa-microphone", "fa-microphone-slash", "fa-headphones", "fa-headset", "fa-guitar", "fa-drum"]
+      },
+      {
+        name: "设备技术",
+        icons: ["fa-desktop", "fa-display", "fa-laptop", "fa-laptop-code", "fa-laptop-mobile", "fa-tablet", "fa-tablet-button", "fa-computer", "fa-tv", "fa-mouse", "fa-print", "fa-wifi", "fa-signal", "fa-battery-full", "fa-battery-half", "fa-battery-empty", "fa-plug", "fa-power-off", "fa-server", "fa-network-wired", "fa-router", "fa-memory", "fa-microchip", "fa-sim-card", "fa-sd-card", "fa-usb-drive", "fa-code", "fa-code-branch", "fa-code-commit", "fa-code-compare", "fa-code-fork", "fa-code-merge", "fa-code-pull-request", "fa-terminal", "fa-brackets-curly", "fa-bug", "fa-robot"]
+      },
+      {
+        name: "安全隐私",
+        icons: ["fa-lock", "fa-lock-open", "fa-unlock", "fa-key", "fa-key-skeleton", "fa-eye", "fa-eye-slash", "fa-eye-low-vision", "fa-eye-dropper", "fa-fingerprint", "fa-fingerprint-simple", "fa-fingerprint-lock", "fa-id-card", "fa-id-badge", "fa-passport"]
+      },
+      {
+        name: "文档编辑",
+        icons: ["fa-pen", "fa-pen-to-square", "fa-pen-clip", "fa-pen-alt", "fa-pen-fancy", "fa-pen-nib", "fa-pen-ruler", "fa-pencil", "fa-eraser", "fa-highlighter", "fa-marker", "fa-paperclip", "fa-bookmark", "fa-book", "fa-book-open", "fa-book-bookmark", "fa-newspaper", "fa-crop", "fa-crop-simple", "fa-crop-alt"]
+      },
+      {
+        name: "列表布局",
+        icons: ["fa-list", "fa-list-ul", "fa-list-ol", "fa-list-check", "fa-list-radio", "fa-table", "fa-table-cells", "fa-table-columns", "fa-grip", "fa-grip-vertical"]
+      },
+      {
+        name: "天气自然",
+        icons: ["fa-cloud-sun", "fa-cloud-moon", "fa-cloud-rain", "fa-cloud-showers-heavy", "fa-cloud-bolt", "fa-cloud-snow", "fa-snowflake", "fa-snowflake-droplets", "fa-temperature-high", "fa-temperature-low", "fa-wind", "fa-tornado", "fa-smog", "fa-rainbow", "fa-umbrella", "fa-droplet", "fa-water", "fa-leaf", "fa-tree", "fa-tree-deciduous", "fa-seedling", "fa-mountain", "fa-mountains", "fa-volcano", "fa-poo-storm"]
+      },
+      {
+        name: "交通出行",
+        icons: ["fa-car", "fa-car-side", "fa-car-rear", "fa-bus", "fa-bus-simple", "fa-train", "fa-train-subway", "fa-plane", "fa-plane-departure", "fa-plane-arrival", "fa-helicopter", "fa-ship", "fa-bicycle", "fa-motorcycle", "fa-taxi", "fa-gas-pump", "fa-charging-station", "fa-road", "fa-road-barrier", "fa-route", "fa-traffic-light"]
+      },
+      {
+        name: "建筑场所",
+        icons: ["fa-building", "fa-building-columns", "fa-building-user", "fa-building-lock", "fa-building-shield", "fa-hospital", "fa-school", "fa-school-flag", "fa-hotel", "fa-warehouse", "fa-warehouse-full", "fa-industry", "fa-city"]
+      },
+      {
+        name: "食物餐饮",
+        icons: ["fa-utensils", "fa-plate-utensils", "fa-fork-knife", "fa-mug-hot", "fa-mug-saucer", "fa-coffee", "fa-wine-glass", "fa-martini-glass", "fa-champagne-glasses", "fa-beer-mug-empty", "fa-bottle-water", "fa-pizza-slice", "fa-burger", "fa-ice-cream", "fa-cake-candles", "fa-cookie", "fa-candy-cane", "fa-apple-whole"]
+      },
+      {
+        name: "健康医疗",
+        icons: ["fa-heart-pulse", "fa-stethoscope", "fa-syringe", "fa-pills", "fa-capsules", "fa-prescription-bottle", "fa-bandage", "fa-kit-medical", "fa-dna", "fa-virus", "fa-hand-holding-heart"]
+      },
+      {
+        name: "教育学习",
+        icons: ["fa-graduation-cap", "fa-chalkboard", "fa-chalkboard-user", "fa-book-bookmark", "fa-pen-ruler", "fa-calculator", "fa-flask", "fa-atom", "fa-microscope", "fa-brain", "fa-lightbulb", "fa-puzzle-piece"]
+      },
+      {
+        name: "工具",
+        icons: ["fa-wrench", "fa-screwdriver", "fa-hammer", "fa-screwdriver-wrench", "fa-toolbox"]
+      },
+      {
+        name: "手势",
+        icons: ["fa-hand", "fa-hand-pointer", "fa-hand-point-up", "fa-hand-point-down", "fa-hand-point-left", "fa-hand-point-right", "fa-hands-clapping"]
+      },
+      {
+        name: "表情",
+        icons: ["fa-face-smile", "fa-face-meh", "fa-face-frown", "fa-face-laugh", "fa-face-sad-tear", "fa-face-angry", "fa-face-surprise"]
+      },
+      {
+        name: "形状符号",
+        icons: ["fa-circle", "fa-square", "fa-rectangle", "fa-diamond", "fa-certificate", "fa-flag", "fa-quote-left", "fa-quote-right", "fa-copyright", "fa-registered", "fa-trademark"]
+      },
+      {
+        name: "其他",
+        icons: ["fa-recycle", "fa-trash-can", "fa-broom", "fa-magnet", "fa-anchor", "fa-rocket", "fa-satellite", "fa-space-shuttle", "fa-parachute-box", "fa-dice", "fa-gamepad", "fa-chess", "fa-brush", "fa-paint-roller", "fa-fill-drip", "fa-swatchbook", "fa-magic", "fa-hat-wizard", "fa-ghost", "fa-skull"]
+      },
+      {
+        name: "动物",
+        icons: ["fa-paw", "fa-cat", "fa-dog", "fa-fish", "fa-dove", "fa-feather", "fa-hippo", "fa-dragon", "fa-spider", "fa-otter", "fa-kiwi-bird", "fa-crow", "fa-frog", "fa-horse"]
+      },
+      {
+        name: "品牌图标",
+        icons: ["fa-bluetooth", "fa-weixin", "fa-wechat", "fa-alipay", "fa-qq", "fa-weibo", "fa-apple", "fa-android", "fa-windows", "fa-linux", "fa-github", "fa-gitlab", "fa-google", "fa-facebook", "fa-twitter", "fa-instagram", "fa-youtube", "fa-tiktok", "fa-linkedin", "fa-whatsapp", "fa-telegram", "fa-discord", "fa-slack", "fa-skype", "fa-paypal", "fa-stripe", "fa-amazon", "fa-spotify", "fa-steam", "fa-twitch", "fa-reddit", "fa-pinterest", "fa-snapchat", "fa-dribbble", "fa-behance", "fa-figma", "fa-sketch", "fa-npm", "fa-node-js", "fa-python", "fa-java", "fa-php", "fa-html5", "fa-css3", "fa-js", "fa-react", "fa-vuejs", "fa-angular", "fa-sass", "fa-less", "fa-bootstrap", "fa-docker", "fa-aws", "fa-chrome", "fa-firefox", "fa-safari", "fa-edge", "fa-opera", "fa-app-store", "fa-google-play"]
+      },
+      {
+        name: "FA5兼容别名",
+        icons: ["fa-archive", "fa-check-circle", "fa-check-square", "fa-close", "fa-cloud-upload", "fa-cogs", "fa-ellipsis-h", "fa-exclamation-circle", "fa-exclamation-triangle", "fa-file-alt", "fa-file-archive", "fa-question-circle", "fa-tasks", "fa-times-circle", "fa-volume-up", "fa-save", "fa-sign-out-alt", "fa-clipboard", "fa-clipboard-check", "fa-sticky-note", "fa-th-large", "fa-exchange-alt", "fa-font", "fa-drafting-compass", "fa-hard-hat", "fa-circle-dot"]
+      }
+    ];
+    const iconfontCategories = [
+      {
+        name: "项目图标",
+        icons: ["icon-tukuxiangce", "icon-yulan", "icon-tukuguanlixuanzhong", "icon-fanzhuan", "icon-fenxiang", "icon-shuiyinxiangjishuiyin", "icon-f-vip", "icon-suitcase", "icon-tasks", "icon-user-circle"]
+      }
+    ];
+    const faIconCount = common_vendor.computed(() => {
+      return faCategories.reduce((sum, cat) => sum + cat.icons.length, 0);
+    });
+    const iconfontCount = common_vendor.computed(() => {
+      return iconfontCategories.reduce((sum, cat) => sum + cat.icons.length, 0);
+    });
+    const tabList = common_vendor.computed(() => [
+      { label: "Font Awesome", badge: faIconCount.value },
+      { label: "Iconfont", badge: iconfontCount.value }
+    ]);
+    function onTabChange(index) {
+      scrollToId.value = "";
+      currentCategoryIndex.value = 0;
+    }
+    const filteredFaCategories = common_vendor.computed(() => {
+      if (!searchText.value) return faCategories;
+      const keyword = searchText.value.toLowerCase();
+      return faCategories.map((cat) => ({
+        ...cat,
+        icons: cat.icons.filter((icon) => icon.toLowerCase().includes(keyword))
+      })).filter((cat) => cat.icons.length > 0);
+    });
+    const filteredIconfontCategories = common_vendor.computed(() => {
+      if (!searchText.value) return iconfontCategories;
+      const keyword = searchText.value.toLowerCase();
+      return iconfontCategories.map((cat) => ({
+        ...cat,
+        icons: cat.icons.filter((icon) => icon.toLowerCase().includes(keyword))
+      })).filter((cat) => cat.icons.length > 0);
+    });
+    function copyIcon(icon, type, isBrand = false) {
+      let copyText;
+      if (type === "fa") {
+        copyText = isBrand ? `fa-brands ${icon}` : `fa ${icon}`;
+      } else {
+        copyText = `iconfont ${icon}`;
+      }
+      common_vendor.index.setClipboardData({
+        data: copyText,
+        success: () => {
+          common_vendor.index.showToast({ title: "已复制: " + copyText, icon: "none" });
+        }
+      });
+    }
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.p({
+          title: "图标库",
+          icon: "fa-icons",
+          ["icon-color"]: "red"
+        }),
+        b: searchText.value,
+        c: common_vendor.o(($event) => searchText.value = $event.detail.value),
+        d: selectedColor.value ? 1 : "",
+        e: common_vendor.o(($event) => showStylePanel.value = !showStylePanel.value),
+        f: _ctx.activeTab === "fa",
+        g: common_vendor.o(($event) => showCategoryNav.value = !showCategoryNav.value),
+        h: common_vendor.unref(appStore).statusBarHeight + 88 / 750 * common_vendor.unref(systemInfoWidth) + "px",
+        i: common_vendor.o(onTabChange),
+        j: common_vendor.o(($event) => activeTabIndex.value = $event),
+        k: common_vendor.p({
+          tabs: tabList.value,
+          type: "card",
+          modelValue: activeTabIndex.value
+        }),
+        l: common_vendor.f(filteredFaCategories.value, (category, index, i0) => {
+          return {
+            a: common_vendor.t(category.name),
+            b: common_vendor.f(category.icons, (icon, k1, i1) => {
+              return {
+                a: common_vendor.n(icon),
+                b: common_vendor.t(icon.replace("fa-", "")),
+                c: icon,
+                d: common_vendor.o(($event) => copyIcon(icon, "fa", category.name === "品牌图标"), icon)
+              };
+            }),
+            c: common_vendor.n(category.name === "品牌图标" ? "fa-brands" : "fa"),
+            d: index,
+            e: "fa-section-" + index
+          };
+        }),
+        m: common_vendor.n(iconContainerClass.value),
+        n: activeTabIndex.value === 0,
+        o: common_vendor.f(filteredIconfontCategories.value, (category, index, i0) => {
+          return {
+            a: common_vendor.t(category.name),
+            b: common_vendor.f(category.icons, (icon, k1, i1) => {
+              return {
+                a: common_vendor.n(icon),
+                b: common_vendor.t(icon.replace("icon-", "")),
+                c: icon,
+                d: common_vendor.o(($event) => copyIcon(icon, "iconfont"), icon)
+              };
+            }),
+            c: index,
+            d: "iconfont-section-" + index
+          };
+        }),
+        p: common_vendor.n(iconContainerClass.value),
+        q: activeTabIndex.value === 1,
+        r: scrollToId.value,
+        s: navbarHeight.value + "px",
+        t: common_vendor.f(colorOptions, (color, k0, i0) => {
+          return {
+            a: color.hex,
+            b: common_vendor.t(color.label),
+            c: color.name,
+            d: selectedColor.value === color.name ? 1 : "",
+            e: common_vendor.o(($event) => selectedColor.value = color.name, color.name)
+          };
+        }),
+        v: common_vendor.f(styleOptions, (style, k0, i0) => {
+          return {
+            a: common_vendor.t(style.label),
+            b: style.name,
+            c: selectedStyle.value === style.name ? 1 : "",
+            d: common_vendor.o(($event) => selectedStyle.value = style.name, style.name)
+          };
+        }),
+        w: selectedColor.value,
+        x: common_vendor.o(() => {
+        }),
+        y: showStylePanel.value,
+        z: common_vendor.o(($event) => showStylePanel.value = false),
+        A: common_vendor.o(($event) => showCategoryNav.value = false),
+        B: common_vendor.f(faCategories, (category, index, i0) => {
+          return {
+            a: common_vendor.t(index + 1),
+            b: common_vendor.t(category.name),
+            c: common_vendor.t(category.icons.length),
+            d: index,
+            e: currentCategoryIndex.value === index ? 1 : "",
+            f: common_vendor.o(($event) => {
+              scrollToCategory(index);
+              showCategoryNav.value = false;
+            }, index)
+          };
+        }),
+        C: navbarHeight.value + 20 + "px",
+        D: common_vendor.o(($event) => showCategoryNav.value = false),
+        E: showCategoryNav.value,
+        F: common_vendor.p({
+          current: "/pages/icons/icons"
+        }),
+        G: common_vendor.unref(appStore).isDarkMode ? 1 : ""
+      };
+    };
+  }
+};
+wx.createPage(_sfc_main);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/icons/icons.js.map

package/dist/dev/mp-weixin/pages/icons/icons.json

@@ -0,0 +1,8 @@
+{
+  "navigationStyle": "custom",
+  "usingComponents": {
+    "prism-nav-bar": "../../components/PrismNavBar/PrismNavBar",
+    "prism-tab-bar": "../../components/PrismTabBar/PrismTabBar",
+    "prism-tabs": "../../components/PrismTabs/PrismTabs"
+  }
+}

package/dist/dev/mp-weixin/pages/icons/icons.wxml

@@ -0,0 +1 @@
+<view class="{{['prism-page', G && 'dark-mode']}}"><prism-nav-bar wx:if="{{a}}" u-i="3e4c9098-0" bind:__l="__l" u-p="{{a}}"/><view class="search-header" style="{{'padding-top:' + h}}"><view class="search-box"><view class="prism-input-box"><text class="fa fa-search search-icon"></text><input placeholder="搜索图标..." value="{{b}}" bindinput="{{c}}"/></view><view class="{{['prism-icon-btn', 'prism-icon-btn--md', d && 'active']}}" bindtap="{{e}}"><text class="fa fa-palette"></text></view><view class="prism-icon-btn prism-icon-btn--md" hidden="{{!f}}" bindtap="{{g}}"><text class="fa fa-list"></text></view></view></view><scroll-view class="prism-main" scroll-y scroll-into-view="{{r}}" style="{{'padding-top:' + s}}"><prism-tabs wx:if="{{k}}" bindchange="{{i}}" u-i="3e4c9098-1" bind:__l="__l" bindupdateModelValue="{{j}}" u-p="{{k}}"/><view hidden="{{!n}}"><view wx:for="{{l}}" wx:for-item="category" wx:key="d" class="icon-section" id="{{category.e}}"><view class="section-title">{{category.a}}</view><view class="icon-grid"><view wx:for="{{category.b}}" wx:for-item="icon" wx:key="c" class="icon-item" bindtap="{{icon.d}}"><view class="{{['icon-box', m]}}"><text class="{{[category.c, icon.a]}}"></text></view><text class="icon-name">{{icon.b}}</text></view></view></view></view><view hidden="{{!q}}"><view wx:for="{{o}}" wx:for-item="category" wx:key="c" class="icon-section" id="{{category.d}}"><view class="section-title">{{category.a}}</view><view class="icon-grid"><view wx:for="{{category.b}}" wx:for-item="icon" wx:key="c" class="icon-item" bindtap="{{icon.d}}"><view class="{{['icon-box', p]}}"><text class="{{['iconfont', icon.a]}}"></text></view><text class="icon-name">{{icon.b}}</text></view></view></view></view><view class="prism-bottom-placeholder"></view></scroll-view><view class="style-sheet-wrapper" hidden="{{!y}}" bindtap="{{z}}"><view class="style-sheet" catchtap="{{x}}"><view class="sheet-handle"></view><view class="sheet-header"><text class="sheet-title">图标样式</text></view><view class="sheet-body"><view class="sheet-section"><text class="sheet-label">颜色</text><view class="color-grid"><view wx:for="{{t}}" wx:for-item="color" wx:key="c" class="{{['color-item', color.d && 'active']}}" bindtap="{{color.e}}"><view class="color-circle" style="{{'background:' + color.a}}"></view><text class="color-label">{{color.b}}</text></view></view></view><view class="sheet-section" hidden="{{!w}}"><text class="sheet-label">形态</text><view class="style-grid"><view wx:for="{{v}}" wx:for-item="style" wx:key="b" class="{{['style-item', style.c && 'active']}}" bindtap="{{style.d}}">{{style.a}}</view></view></view></view><view class="prism-safe-area-bottom" style="min-height:40rpx"></view></view></view><view class="category-nav-wrapper" hidden="{{!E}}"><view class="category-nav-drawer show" style="{{'top:' + C}}"><view class="drawer-header"><text>选择分类</text><text class="drawer-close" bindtap="{{A}}"><text class="fa fa-xmark"></text></text></view><scroll-view scroll-y class="drawer-content"><view wx:for="{{B}}" wx:for-item="category" wx:key="d" class="{{['drawer-item', category.e && 'active']}}" bindtap="{{category.f}}"><text class="drawer-item-index">{{category.a}}</text><text class="drawer-item-name">{{category.b}}</text><text class="drawer-item-count">{{category.c}}</text></view></scroll-view></view><view class="category-nav-mask" bindtap="{{D}}"></view></view><prism-tab-bar wx:if="{{F}}" u-i="3e4c9098-2" bind:__l="__l" u-p="{{F}}"/></view>