@phill-component/icons 1.0.7 → 1.10.1

package/dist/web/vue/index.js

@@ -1,4 +1,3 @@
-export { default as IconAttachment } from './Attachment.vue';
 export { default as IconBrush } from './Brush.vue';
 export { default as IconCalendar } from './Calendar.vue';
 export { default as IconCopy } from './Copy.vue';
@@ -12,7 +11,6 @@ export { default as IconHome } from './Home.vue';
 export { default as IconObliqueLine } from './ObliqueLine.vue';
 export { default as IconOriginalSize } from './OriginalSize.vue';
 export { default as IconSetting } from './Setting.vue';
-export { default as IconSort } from './Sort.vue';
 export { default as IconTask } from './Task.vue';
 export { default as IconToLandscape } from './ToLandscape.vue';
 export { default as IconZoomIn } from './ZoomIn.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phill-component/icons",
-  "version": "1.0.7",
+  "version": "1.10.1",
   "description": "Unified icons for phillUI mobile and pc libraries",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -14,7 +14,10 @@
   },
   "scripts": {
     "build": "node scripts/build.js",
-    "release": "node scripts/publish.js"
+    "fetch": "node scripts/fetch.js",
+    "sync": "node scripts/sync.js",
+    "release": "node scripts/publish.js",
+    "jenkins": "node scripts/jenkins-server.js"
   },
   "keywords": [
     "icons",

package/scripts/fetch.js

@@ -0,0 +1,47 @@
+#!/usr/bin/env node
+/**
+ * fetch.js - 生成 icons manifest 并输出到 stdout
+ * 
+ * 用途：B 服务器运行此脚本，生成当前 SVG 目录的 manifest
+ * A 服务器通过 HTTP 请求获取此 manifest，用于比较差异
+ * 
+ * 输出格式：
+ * {
+ *   "icons": {
+ *     "home": "sha256:abc123...",
+ *     "edit": "sha256:def456..."
+ *   }
+ * }
+ */
+const fs = require('fs');
+const path = require('path');
+const crypto = require('crypto');
+
+function getSvgHash(filePath) {
+  const content = fs.readFileSync(filePath);
+  return crypto.createHash('sha256').update(content).digest('hex');
+}
+
+function main() {
+  const pkgDir = process.cwd();
+  const svgDir = path.join(pkgDir, 'svg');
+  
+  if (!fs.existsSync(svgDir)) {
+    console.error('[fetch-icons] 未找到 svg 目录。');
+    process.exit(1);
+  }
+  
+  const files = fs.readdirSync(svgDir).filter(f => f.endsWith('.svg'));
+  const manifest = { icons: {} };
+  
+  for (const file of files) {
+    const name = file.replace('.svg', '');
+    const hash = getSvgHash(path.join(svgDir, file));
+    manifest.icons[name] = `sha256:${hash}`;
+  }
+  
+  // 输出 JSON 到 stdout
+  console.log(JSON.stringify(manifest, null, 2));
+}
+
+main();

package/scripts/jenkins-server.js

@@ -0,0 +1,198 @@
+#!/usr/bin/env node
+/**
+ * jenkins-server.js - 模拟 Jenkins 服务器
+ * 
+ * 用途：接收 A 服务器 (Icon Portal) 的请求，执行 sync 和 release 脚本
+ * 
+ * 环境变量：
+ * - PORT - 服务器端口 (默认 3001)
+ */
+const http = require('http');
+const fs = require('fs');
+const path = require('path');
+const cp = require('child_process');
+
+const PORT = process.env.PORT || 3001;
+
+// 临时目录用于存储接收到的数据
+const tempDir = path.join(__dirname, '..', '.temp');
+if (!fs.existsSync(tempDir)) {
+  fs.mkdirSync(tempDir, { recursive: true });
+}
+
+function parseBody(req) {
+  return new Promise((resolve, reject) => {
+    let body = '';
+    req.on('data', chunk => { body += chunk; });
+    req.on('end', () => {
+      try {
+        resolve(JSON.parse(body));
+      } catch {
+        reject(new Error('Invalid JSON'));
+      }
+    });
+    req.on('error', reject);
+  });
+}
+
+function execScript(script, args = [], env = {}) {
+  return new Promise((resolve, reject) => {
+    const pkgDir = path.join(__dirname, '..');
+    const child = cp.spawn('node', [path.join(__dirname, script), ...args], {
+      cwd: pkgDir,
+      stdio: ['pipe', 'pipe', 'pipe'],
+      env: { ...process.env, ...env }
+    });
+    
+    let stdout = '';
+    let stderr = '';
+    
+    child.stdout.on('data', data => { stdout += data; });
+    child.stderr.on('data', data => { stderr += data; });
+    
+    child.on('close', code => {
+      if (code === 0) {
+        resolve({ stdout, stderr });
+      } else {
+        reject(new Error(`Script ${script} exited with code ${code}: ${stderr}`));
+      }
+    });
+    
+    child.on('error', reject);
+  });
+}
+
+const server = http.createServer(async (req, res) => {
+  const url = new URL(req.url, `http://localhost:${PORT}`);
+  
+  // CORS headers
+  res.setHeader('Access-Control-Allow-Origin', '*');
+  res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
+  res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
+  
+  if (req.method === 'OPTIONS') {
+    res.writeHead(204);
+    res.end();
+    return;
+  }
+  
+  try {
+    // GET /health - 健康检查
+    if (req.method === 'GET' && url.pathname === '/health') {
+      res.writeHead(200, { 'Content-Type': 'application/json' });
+      res.end(JSON.stringify({ status: 'ok' }));
+      return;
+    }
+    
+    // GET /manifest - 获取当前 manifest (对应 fetch.js)
+    if (req.method === 'GET' && url.pathname === '/manifest') {
+      console.log('[Jenkins] Fetching current manifest...');
+      const result = await execScript('fetch.js');
+      res.writeHead(200, { 'Content-Type': 'application/json' });
+      res.end(result.stdout);
+      return;
+    }
+    
+    // GET /svg/:name - 获取 SVG 文件内容
+    if (req.method === 'GET' && url.pathname.startsWith('/svg/')) {
+      const name = url.pathname.replace('/svg/', '').replace('.svg', '');
+      const svgPath = path.join(__dirname, '..', 'svg', `${name}.svg`);
+      if (fs.existsSync(svgPath)) {
+        res.writeHead(200, { 'Content-Type': 'image/svg+xml' });
+        res.end(fs.readFileSync(svgPath, 'utf-8'));
+      } else {
+        res.writeHead(404, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({ error: 'SVG not found' }));
+      }
+      return;
+    }
+    
+    // POST /sync - 接收 added/modified/deleted 数据并执行同步
+    if (req.method === 'POST' && url.pathname === '/sync') {
+      const body = await parseBody(req);
+      const { added, modified, deleted, version } = body;
+      
+      // 保存数据到临时文件
+      const dataPath = path.join(tempDir, 'sync-data.json');
+      fs.writeFileSync(dataPath, JSON.stringify({ added, modified, deleted }, null, 2));
+      
+      console.log(`[Jenkins] Received sync request:`);
+      console.log(`  Added: ${Object.keys(added || {}).length} icons`);
+      console.log(`  Modified: ${Object.keys(modified || {}).length} icons`);
+      console.log(`  Deleted: ${(deleted || []).length} icons`);
+      console.log(`  Version: ${version || 'not specified'}`);
+      
+      // 执行 sync 脚本
+      const syncArgs = ['--data', dataPath];
+      if (version) {
+        syncArgs.push('--version', version);
+      }
+      
+      console.log(`[Jenkins] Running sync.js ${syncArgs.join(' ')}`);
+      const syncResult = await execScript('sync.js', syncArgs);
+      console.log('[Jenkins] Sync output:', syncResult.stdout);
+      
+      // 解析 sync 输出，查找 changed 字段
+      let syncOutput;
+      try {
+        // 查找 JSON 输出行
+        const lines = syncResult.stdout.trim().split('\n');
+        const jsonLine = lines.find(line => line.startsWith('{'));
+        if (jsonLine) {
+          syncOutput = JSON.parse(jsonLine);
+        }
+      } catch (e) {
+        console.log('[Jenkins] Failed to parse sync output:', e.message);
+      }
+      
+      const hasChanges = syncOutput?.changed !== false;
+      
+      if (!hasChanges) {
+        console.log('[Jenkins] No changes detected, skipping release.');
+        res.writeHead(200, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({ 
+          success: true, 
+          changed: false,
+          message: 'No changes detected'
+        }));
+        return;
+      }
+      
+      console.log('[Jenkins] Changes detected, running release...');
+      
+      // 如果指定了版本，执行 release
+      if (version) {
+        console.log(`[Jenkins] Running release for version ${version}`);
+        const releaseResult = await execScript('publish.js', [], { PHILLUI_PUBLISH: '1' });
+        console.log('[Jenkins] Release completed:', releaseResult.stdout);
+      }
+      
+      res.writeHead(200, { 'Content-Type': 'application/json' });
+      res.end(JSON.stringify({ 
+        success: true, 
+        changed: true,
+        version: version || null,
+        message: 'Sync and release completed',
+        syncOutput
+      }));
+      return;
+    }
+    
+    // 404
+    res.writeHead(404, { 'Content-Type': 'application/json' });
+    res.end(JSON.stringify({ error: 'Not found' }));
+  } catch (err) {
+    console.error('[Jenkins] Error:', err.message);
+    res.writeHead(500, { 'Content-Type': 'application/json' });
+    res.end(JSON.stringify({ error: err.message }));
+  }
+});
+
+server.listen(PORT, () => {
+  console.log(`[Jenkins] Mock server running on http://localhost:${PORT}`);
+  console.log(`[Jenkins] Available endpoints:`);
+  console.log(`  GET  /health   - Health check`);
+  console.log(`  GET  /manifest - Get current manifest (fetch.js)`);
+  console.log(`  GET  /svg/:name - Get SVG file content`);
+  console.log(`  POST /sync     - Sync icons and release (sync.js + publish.js)`);
+});

package/scripts/publish.js

@@ -128,6 +128,16 @@ function main() {
     console.log(`[publish-icons] 执行：npm publish --access public --userconfig ${userconfig}`);
     exec('npm', ['publish', '--access', 'public', '--userconfig', userconfig], { env });
     console.log(`[publish-icons] ${iconsPkg.name}@${iconsPkg.version} 发布成功！`);
+
+    // Push version bump and tag to git
+    console.log('[publish-icons] 推送版本到 Git...');
+    try {
+      exec('git', ['push', 'origin', 'HEAD']);
+      exec('git', ['push', '--tags']);
+      console.log('[publish-icons] Git 推送完成！');
+    } catch (e) {
+      console.warn('[publish-icons] Git 推送失败（不影响发布）：', e.message);
+    }
   } catch (e) {
     console.error('[publish-icons] 发布失败：', e.message);
     if (e.stdout) console.error('STDOUT:', e.stdout.toString());

package/scripts/sync.js

@@ -0,0 +1,201 @@
+#!/usr/bin/env node
+/**
+ * sync.js - 接收 added/modified/deleted 数据，执行 git 操作
+ * 
+ * 用法：node scripts/sync.js --data <path-to-data.json> [--version <version>]
+ * 
+ * 输入格式 (data.json):
+ * {
+ *   "added": { "newIcon": { "hash": "sha256:xxx", "content": "<svg>...</svg>" } },
+ *   "modified": { "changedIcon": { "hash": "sha256:yyy", "content": "<svg>...</svg>" } },
+ *   "deleted": ["oldIcon"]
+ * }
+ * 
+ * 输出: JSON 到 stdout
+ * { "changed": true/false, "added": [...], "modified": [...], "deleted": [...] }
+ */
+const fs = require('fs');
+const path = require('path');
+const cp = require('child_process');
+
+function exec(command, args, options = {}) {
+  const res = cp.spawnSync(command, args, { encoding: 'utf8', ...options });
+  if (res.status !== 0) {
+    const err = new Error(res.stderr || res.stdout || `${command} failed`);
+    err.stdout = res.stdout;
+    err.stderr = res.stderr;
+    err.status = res.status;
+    throw err;
+  }
+  return res.stdout || '';
+}
+
+function parseArgs() {
+  const args = process.argv.slice(2);
+  const result = {};
+  for (let i = 0; i < args.length; i++) {
+    if (args[i] === '--data' && args[i + 1]) {
+      result.data = args[i + 1];
+      i++;
+    } else if (args[i] === '--version' && args[i + 1]) {
+      result.version = args[i + 1];
+      i++;
+    }
+  }
+  return result;
+}
+
+function main() {
+  const options = parseArgs();
+  
+  if (!options.data) {
+    console.error('[sync-icons] 请提供 --data 参数');
+    process.exit(1);
+  }
+  
+  // 读取数据
+  let data;
+  try {
+    data = JSON.parse(fs.readFileSync(options.data, 'utf8'));
+  } catch (e) {
+    console.error('[sync-icons] 无法读取 data 文件:', e.message);
+    process.exit(1);
+  }
+  
+  const added = data.added || {};
+  const modified = data.modified || {};
+  const deleted = data.deleted || [];
+  
+  const pkgDir = process.cwd();
+  const svgDir = path.join(pkgDir, 'svg');
+  
+  if (!fs.existsSync(svgDir)) {
+    fs.mkdirSync(svgDir, { recursive: true });
+  }
+  
+  // 检查 .git 目录
+  const gitDir = path.join(pkgDir, '..', '..', '.git');
+  if (!fs.existsSync(gitDir)) {
+    // 没有 git，直接保存文件
+    console.log('[sync-icons] 未找到 .git 目录，仅保存文件。');
+    
+    // 保存新增的图标
+    for (const [name, info] of Object.entries(added)) {
+      const filePath = path.join(svgDir, `${name}.svg`);
+      fs.writeFileSync(filePath, info.content, 'utf-8');
+      console.log(`[sync-icons] 新增: ${name}.svg`);
+    }
+    
+    // 保存修改的图标
+    for (const [name, info] of Object.entries(modified)) {
+      const filePath = path.join(svgDir, `${name}.svg`);
+      fs.writeFileSync(filePath, info.content, 'utf-8');
+      console.log(`[sync-icons] 修改: ${name}.svg`);
+    }
+    
+    // 删除图标
+    for (const name of deleted) {
+      const filePath = path.join(svgDir, `${name}.svg`);
+      if (fs.existsSync(filePath)) {
+        fs.unlinkSync(filePath);
+        console.log(`[sync-icons] 删除: ${name}.svg`);
+      }
+    }
+    
+    const hasChanges = Object.keys(added).length > 0 || Object.keys(modified).length > 0 || deleted.length > 0;
+    console.log(JSON.stringify({ changed: hasChanges, added: Object.keys(added), modified: Object.keys(modified), deleted }));
+    return;
+  }
+  
+  // 有 git，执行正常流程
+  const hasChanges = Object.keys(added).length > 0 || Object.keys(modified).length > 0 || deleted.length > 0;
+  
+  if (!hasChanges) {
+    console.log('[sync-icons] 没有需要同步的更改。');
+    console.log(JSON.stringify({ changed: false, added: [], modified: [], deleted: [] }));
+    return;
+  }
+  
+  // Step 1: 拉取最新代码，确保本地是最新的
+  console.log('[sync-icons] 拉取最新代码...');
+  try {
+    exec('git', ['pull', 'origin', 'HEAD']);
+    console.log('[sync-icons] 代码拉取成功。');
+  } catch (e) {
+    console.warn('[sync-icons] 代码拉取失败，继续执行:', e.message);
+  }
+  
+  // Step 2: 重置暂存区，清除之前的缓存
+  console.log('[sync-icons] 重置暂存区...');
+  try {
+    exec('git', ['reset', 'HEAD', '--', path.join(svgDir, '*.svg')]);
+  } catch (e) {
+    console.warn('[sync-icons] reset 失败，继续执行:', e.message);
+  }
+  
+  // Step 3: 保存新增的图标
+  for (const [name, info] of Object.entries(added)) {
+    const filePath = path.join(svgDir, `${name}.svg`);
+    fs.writeFileSync(filePath, info.content, 'utf-8');
+    console.log(`[sync-icons] 新增: ${name}.svg`);
+  }
+  
+  // Step 4: 保存修改的图标
+  for (const [name, info] of Object.entries(modified)) {
+    const filePath = path.join(svgDir, `${name}.svg`);
+    fs.writeFileSync(filePath, info.content, 'utf-8');
+    console.log(`[sync-icons] 修改: ${name}.svg`);
+  }
+  
+  // Step 5: 删除图标
+  for (const name of deleted) {
+    const filePath = path.join(svgDir, `${name}.svg`);
+    if (fs.existsSync(filePath)) {
+      fs.unlinkSync(filePath);
+      console.log(`[sync-icons] 删除: ${name}.svg`);
+    }
+  }
+  
+  // Step 6: 添加所有 SVG 文件变更到 git（使用 -A 确保包括删除）
+  console.log('[sync-icons] 添加 SVG 文件变更到 git...');
+  exec('git', ['add', '-A', '--', svgDir]);
+  
+  // Step 7: 检查是否有变更
+  const status = exec('git', ['status', '--porcelain', '--', svgDir]).trim();
+  if (!status) {
+    console.log('[sync-icons] Git 没有检测到变更。');
+    console.log(JSON.stringify({ changed: false, added: [], modified: [], deleted: [] }));
+    return;
+  }
+  
+  // Step 8: 提交
+  const totalCount = Object.keys(added).length + Object.keys(modified).length + deleted.length;
+  const message = `chore(icons): sync ${totalCount} icons via sync script`;
+  console.log(`[sync-icons] 提交: ${message}`);
+  exec('git', ['commit', '-m', message, '--author', 'Icons Sync <noreply@example.com>']);
+  
+  // Step 9: 推送
+  console.log('[sync-icons] 推送到远端...');
+  exec('git', ['push', 'origin', 'HEAD']);
+  
+  // Step 10: 如果提供了版本号，更新 package.json
+  if (options.version) {
+    const pkgPath = path.join(pkgDir, 'package.json');
+    if (fs.existsSync(pkgPath)) {
+      const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
+      pkg.version = options.version;
+      fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
+      console.log(`[sync-icons] 更新版本号到 ${options.version}`);
+      
+      // 提交版本变更
+      exec('git', ['add', pkgPath]);
+      exec('git', ['commit', '-m', `chore(release): bump version to ${options.version}`]);
+      exec('git', ['push', 'origin', 'HEAD']);
+    }
+  }
+  
+  console.log('[sync-icons] 同步完成！');
+  console.log(JSON.stringify({ changed: true, added: Object.keys(added), modified: Object.keys(modified), deleted }));
+}
+
+main();

package/dist/mobile/uvue/icon-attachment/icon-attachment.uvue

@@ -1,75 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="rootStyle">
-    <!-- #ifdef H5 -->
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M29.037 15.236s-9.174 9.267-11.48 11.594c-2.305 2.327-1.646 4.987-.329 6.316 1.317 1.33 3.994 1.953 6.258-.332L37.32 18.851c3.623-3.657 2.092-8.492 0-10.639s-6.916-3.657-10.54 0L11.3 23.838c-3.623 3.657-3.953 10.638.329 14.96s11.115 4.105 14.821.333 8.74-8.822 11.224-11.33"/></svg>
-    <!-- #endif -->
-    <!-- #ifndef H5 -->
-    <image :src="imgSrc" :style="iconBoxStyle" />
-    <!-- #endif -->
-    <text v-if="label != ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup lang="uts">
-import { computed } from 'vue'
-import imgSrc from '@/uni_modules/@phill-component/icons/mobile/uvue/icon-attachment/attachment.png'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: 'var(--tsm-color-primary)' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-function toPx(v: any): string {
-  if (typeof v === 'number') return (v as number).toString() + 'px'
-  const s = (v as string)
-  return s != '' ? s : ''
-}
-const iconW = computed((): string => (props.width != '' ? toPx(props.width) : toPx(props.size)))
-const iconH = computed((): string => (props.height != '' ? toPx(props.height) : toPx(props.size)))
-const iconStyle = computed((): UTSJSONObject => {
-  return { 'color': props.color != '' ? props.color : 'inherit' } as UTSJSONObject
-})
-const iconBoxStyle = computed((): UTSJSONObject => ({ width: iconW.value, height: iconH.value } as UTSJSONObject))
-const wrapStyle = computed((): UTSJSONObject => {
-  const map = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' } as UTSJSONObject
-  let dir: string = 'row'
-  const cand = map[props.labelPos] as string | null
-  if (cand != null && cand.length > 0) {
-    dir = cand
-  }
-  return { display: 'flex', alignItems: 'center', flexDirection: dir } as UTSJSONObject
-})
-const rootStyle = computed((): UTSJSONObject => {
-  const s = wrapStyle.value
-  const i = iconStyle.value
-  for (const key in i) {
-    s[key] = i[key]
-  }
-  return s
-})
-const labelStyle = computed((): UTSJSONObject => {
-  const out = {} as UTSJSONObject
-  if (props.labelColor != '') out['color'] = props.labelColor
-  out['fontSize'] = toPx(props.labelSize)
-  out['marginLeft'] = props.labelPos == 'right' ? toPx(props.space) : 0
-  out['marginTop'] = props.labelPos == 'bottom' ? toPx(props.space) : 0
-  out['marginRight'] = props.labelPos == 'left' ? toPx(props.space) : 0
-  out['marginBottom'] = props.labelPos == 'top' ? toPx(props.space) : 0
-  return out
-})
-function onTap(e: UniPointerEvent) {
-  emit('click', props.index)
-  if (props.stop) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>

package/dist/mobile/uvue/icon-sort/icon-sort.uvue

@@ -1,75 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="rootStyle">
-    <!-- #ifdef H5 -->
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M43 9H5m0 30h14m15.5-15H5"/></svg>
-    <!-- #endif -->
-    <!-- #ifndef H5 -->
-    <image :src="imgSrc" :style="iconBoxStyle" />
-    <!-- #endif -->
-    <text v-if="label != ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup lang="uts">
-import { computed } from 'vue'
-import imgSrc from '@/uni_modules/@phill-component/icons/mobile/uvue/icon-sort/sort.png'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: 'var(--tsm-color-primary)' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-function toPx(v: any): string {
-  if (typeof v === 'number') return (v as number).toString() + 'px'
-  const s = (v as string)
-  return s != '' ? s : ''
-}
-const iconW = computed((): string => (props.width != '' ? toPx(props.width) : toPx(props.size)))
-const iconH = computed((): string => (props.height != '' ? toPx(props.height) : toPx(props.size)))
-const iconStyle = computed((): UTSJSONObject => {
-  return { 'color': props.color != '' ? props.color : 'inherit' } as UTSJSONObject
-})
-const iconBoxStyle = computed((): UTSJSONObject => ({ width: iconW.value, height: iconH.value } as UTSJSONObject))
-const wrapStyle = computed((): UTSJSONObject => {
-  const map = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' } as UTSJSONObject
-  let dir: string = 'row'
-  const cand = map[props.labelPos] as string | null
-  if (cand != null && cand.length > 0) {
-    dir = cand
-  }
-  return { display: 'flex', alignItems: 'center', flexDirection: dir } as UTSJSONObject
-})
-const rootStyle = computed((): UTSJSONObject => {
-  const s = wrapStyle.value
-  const i = iconStyle.value
-  for (const key in i) {
-    s[key] = i[key]
-  }
-  return s
-})
-const labelStyle = computed((): UTSJSONObject => {
-  const out = {} as UTSJSONObject
-  if (props.labelColor != '') out['color'] = props.labelColor
-  out['fontSize'] = toPx(props.labelSize)
-  out['marginLeft'] = props.labelPos == 'right' ? toPx(props.space) : 0
-  out['marginTop'] = props.labelPos == 'bottom' ? toPx(props.space) : 0
-  out['marginRight'] = props.labelPos == 'left' ? toPx(props.space) : 0
-  out['marginBottom'] = props.labelPos == 'top' ? toPx(props.space) : 0
-  return out
-})
-function onTap(e: UniPointerEvent) {
-  emit('click', props.index)
-  if (props.stop) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>

package/dist/mobile/vue/icon-attachment.vue

@@ -1,58 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="[wrapStyle, iconStyle]">
-    <!-- #ifdef H5 -->
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M29.037 15.236s-9.174 9.267-11.48 11.594c-2.305 2.327-1.646 4.987-.329 6.316 1.317 1.33 3.994 1.953 6.258-.332L37.32 18.851c3.623-3.657 2.092-8.492 0-10.639s-6.916-3.657-10.54 0L11.3 23.838c-3.623 3.657-3.953 10.638.329 14.96s11.115 4.105 14.821.333 8.74-8.822 11.224-11.33"/></svg>
-    <!-- #endif -->
-    <!-- #ifndef H5 -->
-    <image :src="imgSrc" :style="iconBoxStyle" />
-    <!-- #endif -->
-    <text v-if="label !== ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup>
-import { computed } from 'vue'
-import imgSrc from '@/uni_modules/@phill-component/icons/mobile/uvue/icon-attachment/attachment.png'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: 'var(--tsm-color-primary)' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-const toPx = (v) => typeof v === 'number' ? (v + 'px') : (String(v||''));
-const iconW = computed(() => props.width ? toPx(props.width) : toPx(props.size))
-const iconH = computed(() => props.height ? toPx(props.height) : toPx(props.size))
-const iconBoxStyle = computed(() => ({ width: iconW.value, height: iconH.value }))
-const iconStyle = computed(() => {
-  return { color: props.color || 'inherit' }
-})
-const wrapStyle = computed(() => {
-  const dirMap = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' }
-  return { display: 'flex', alignItems: 'center', flexDirection: dirMap[props.labelPos] || 'row' }
-})
-const labelStyle = computed(() => {
-  return {
-    color: props.labelColor || '',
-    fontSize: toPx(props.labelSize),
-    marginLeft: props.labelPos === 'right' ? toPx(props.space) : 0,
-    marginTop: props.labelPos === 'bottom' ? toPx(props.space) : 0,
-    marginRight: props.labelPos === 'left' ? toPx(props.space) : 0,
-    marginBottom: props.labelPos === 'top' ? toPx(props.space) : 0
-  }
-})
-function onTap(e) {
-  emit('click', props.index)
-  if (props.stop && e && e.stopPropagation) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>

package/dist/mobile/vue/icon-sort.vue

@@ -1,58 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="[wrapStyle, iconStyle]">
-    <!-- #ifdef H5 -->
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M43 9H5m0 30h14m15.5-15H5"/></svg>
-    <!-- #endif -->
-    <!-- #ifndef H5 -->
-    <image :src="imgSrc" :style="iconBoxStyle" />
-    <!-- #endif -->
-    <text v-if="label !== ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup>
-import { computed } from 'vue'
-import imgSrc from '@/uni_modules/@phill-component/icons/mobile/uvue/icon-sort/sort.png'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: 'var(--tsm-color-primary)' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-const toPx = (v) => typeof v === 'number' ? (v + 'px') : (String(v||''));
-const iconW = computed(() => props.width ? toPx(props.width) : toPx(props.size))
-const iconH = computed(() => props.height ? toPx(props.height) : toPx(props.size))
-const iconBoxStyle = computed(() => ({ width: iconW.value, height: iconH.value }))
-const iconStyle = computed(() => {
-  return { color: props.color || 'inherit' }
-})
-const wrapStyle = computed(() => {
-  const dirMap = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' }
-  return { display: 'flex', alignItems: 'center', flexDirection: dirMap[props.labelPos] || 'row' }
-})
-const labelStyle = computed(() => {
-  return {
-    color: props.labelColor || '',
-    fontSize: toPx(props.labelSize),
-    marginLeft: props.labelPos === 'right' ? toPx(props.space) : 0,
-    marginTop: props.labelPos === 'bottom' ? toPx(props.space) : 0,
-    marginRight: props.labelPos === 'left' ? toPx(props.space) : 0,
-    marginBottom: props.labelPos === 'top' ? toPx(props.space) : 0
-  }
-})
-function onTap(e) {
-  emit('click', props.index)
-  if (props.stop && e && e.stopPropagation) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>

package/dist/web/vue/Attachment.vue

@@ -1,53 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="[wrapStyle, iconStyle]">
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M29.037 15.236s-9.174 9.267-11.48 11.594c-2.305 2.327-1.646 4.987-.329 6.316 1.317 1.33 3.994 1.953 6.258-.332L37.32 18.851c3.623-3.657 2.092-8.492 0-10.639s-6.916-3.657-10.54 0L11.3 23.838c-3.623 3.657-3.953 10.638.329 14.96s11.115 4.105 14.821.333 8.74-8.822 11.224-11.33"/></svg>
-    <text v-if="label !== ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup>
-import { computed } from 'vue'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: 'inherit' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-const toPx = (v) => typeof v === 'number' ? (v + 'px') : (String(v||''));
-const iconW = computed(() => props.width ? toPx(props.width) : toPx(props.size))
-const iconH = computed(() => props.height ? toPx(props.height) : toPx(props.size))
-const iconBoxStyle = computed(() => ({ width: iconW.value, height: iconH.value }))
-const iconStyle = computed(() => {
-  return { color: props.color || 'inherit' }
-})
-const wrapStyle = computed(() => {
-  const dirMap = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' }
-  return { display: 'flex', alignItems: 'center', flexDirection: dirMap[props.labelPos] || 'row' }
-})
-const labelStyle = computed(() => {
-  return {
-    color: props.labelColor || '',
-    fontSize: toPx(props.labelSize),
-    marginLeft: props.labelPos === 'right' ? toPx(props.space) : 0,
-    marginTop: props.labelPos === 'bottom' ? toPx(props.space) : 0,
-    marginRight: props.labelPos === 'left' ? toPx(props.space) : 0,
-    marginBottom: props.labelPos === 'top' ? toPx(props.space) : 0
-  }
-})
-const imgSrc = '__IMG_SRC__'
-function onTap(e) {
-  emit('click', props.index)
-  if (props.stop && e && e.stopPropagation) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>

package/dist/web/vue/Sort.vue

@@ -1,53 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="[wrapStyle, iconStyle]">
-    <svg v-bind="$attrs" :style="iconStyle" :width="iconW" :height="iconH" fill="none" viewBox="0 0 48 48"><path stroke="currentColor" stroke-width="2" d="M43 9H5m0 30h14m15.5-15H5"/></svg>
-    <text v-if="label !== ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup>
-import { computed } from 'vue'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: 'inherit' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-const toPx = (v) => typeof v === 'number' ? (v + 'px') : (String(v||''));
-const iconW = computed(() => props.width ? toPx(props.width) : toPx(props.size))
-const iconH = computed(() => props.height ? toPx(props.height) : toPx(props.size))
-const iconBoxStyle = computed(() => ({ width: iconW.value, height: iconH.value }))
-const iconStyle = computed(() => {
-  return { color: props.color || 'inherit' }
-})
-const wrapStyle = computed(() => {
-  const dirMap = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' }
-  return { display: 'flex', alignItems: 'center', flexDirection: dirMap[props.labelPos] || 'row' }
-})
-const labelStyle = computed(() => {
-  return {
-    color: props.labelColor || '',
-    fontSize: toPx(props.labelSize),
-    marginLeft: props.labelPos === 'right' ? toPx(props.space) : 0,
-    marginTop: props.labelPos === 'bottom' ? toPx(props.space) : 0,
-    marginRight: props.labelPos === 'left' ? toPx(props.space) : 0,
-    marginBottom: props.labelPos === 'top' ? toPx(props.space) : 0
-  }
-})
-const imgSrc = '__IMG_SRC__'
-function onTap(e) {
-  emit('click', props.index)
-  if (props.stop && e && e.stopPropagation) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>