maxit-cli 0.1.0

package/LICENSE

@@ -0,0 +1,49 @@
+MIT License
+
+Copyright (c) 2026 maxit-cli authors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+-------------------------------------------------------------------------------
+
+The components in registry/components are derived from TDesign Mini Program
+(https://github.com/Tencent/tdesign-miniprogram), distributed under the
+following license:
+
+MIT License
+
+Copyright (c) 2021-present TDesign
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,56 @@
+# maxit-cli
+
+Installe les composants o-* du design system Max it dans un mini-programme, avec leurs dépendances, comme `ng generate component` pour Angular.
+
+```bash
+maxit add button
+maxit g c balance-card --page pages/home/home
+```
+
+## Installation
+
+```bash
+npm install -g maxit-cli
+```
+
+Ou sans installation :
+
+```bash
+npx maxit-cli add button
+```
+
+Node 16.7 ou plus, aucune dépendance.
+
+## Commandes
+
+| Commande | Effet |
+|---|---|
+| `maxit init` | Copie `components/common` et ajoute l'import des jetons dans `app.wxss`. Facultatif : `add` le fait aussi. |
+| `maxit add <nom>…` | Copie les composants et tous les composants dont ils ont besoin dans `components/`, importe les jetons dans `app.wxss`, déclare `o-<nom>` dans `app.json`. |
+| `maxit generate component <nom>` | Alias de `add`, aussi `maxit g c <nom>`. |
+| `maxit list` | Liste les 104 composants par catégorie ; `✓` = déjà dans le projet. `--json` pour une sortie JSON. |
+
+Options de `add` :
+
+- `--page pages/home/home` : déclare le composant dans cette page plutôt que dans `app.json` (le `.json` de la page est créé s'il manque).
+- `--no-register` : ne déclare rien, affiche seulement la ligne `usingComponents` à ajouter.
+- `--overwrite` : remplace un dossier de composant déjà présent mais différent. Sans cette option, un composant modifié localement n'est jamais écrasé.
+- `--dry-run` : montre ce qui serait fait sans rien écrire.
+- `--cwd <dossier>` : projet cible, sinon le dossier courant. La CLI remonte jusqu'à `app.json` (et suit `miniprogramRoot` de `project.config.json`).
+
+Les composants sont toujours installés dans `<racine du mini-programme>/components/`, car ils importent les jetons par le chemin absolu `/components/common/style/tokens.wxss`.
+
+## Mettre à jour les composants embarqués
+
+La CLI contient une copie des composants (`registry/`). Après une modification dans `mini-app-components` :
+
+```bash
+npm run sync   # recopie mini-app-components/components et recalcule les dépendances
+npm test       # essai de bout en bout sur un mini-programme temporaire
+```
+
+`npm pack` lance la synchronisation automatiquement. Les titres et catégories viennent de `mini-app-components/docs/scripts/doc-data.js`.
+
+## Licence
+
+MIT. Les composants sont dérivés de [TDesign Mini Program](https://github.com/Tencent/tdesign-miniprogram) (MIT) : voir `LICENSE`.

package/bin/maxit.js

@@ -0,0 +1,75 @@
+#!/usr/bin/env node
+const commands = require('../lib/commands');
+const { version } = require('../package.json');
+
+const HELP = `maxit ${version} — composants o-* du design system Max it
+
+Utilisation :
+  maxit init                          Copie components/common et importe les jetons dans app.wxss
+  maxit add <nom> [<nom>…]            Installe des composants et leurs dépendances
+  maxit generate component <nom>      Alias de add (aussi : maxit g c <nom>)
+  maxit list                          Liste les composants disponibles
+
+Options de add :
+  --page <chemin>   Déclare dans la page (ex. pages/home/home) au lieu de app.json
+  --no-register     Ne déclare nulle part (affiche seulement la ligne à ajouter)
+  --overwrite       Remplace les dossiers déjà présents mais différents
+  --dry-run         Affiche ce qui serait fait sans rien modifier
+
+Options générales :
+  --cwd <dossier>   Projet cible (par défaut : dossier courant)
+  --json            (list) sortie JSON
+  -h, --help        Aide · -v, --version  Version
+
+Exemples :
+  maxit add button
+  maxit g c balance-card --page pages/home/home
+  maxit add input textarea switch --dry-run`;
+
+function parse(argv) {
+  const options = { cwd: process.cwd(), register: true };
+  const args = [];
+  for (let i = 0; i < argv.length; i++) {
+    const a = argv[i];
+    const value = () => {
+      const v = argv[++i];
+      if (!v || v.startsWith('-')) throw new Error(`L'option ${a} attend une valeur.`);
+      return v;
+    };
+    if (a === '--page') options.page = value();
+    else if (a === '--cwd') options.cwd = value();
+    else if (a === '--no-register') options.register = false;
+    else if (a === '--overwrite') options.overwrite = true;
+    else if (a === '--dry-run') options.dryRun = true;
+    else if (a === '--json') options.json = true;
+    else if (a === '-h' || a === '--help') options.help = true;
+    else if (a === '-v' || a === '--version') options.version = true;
+    else if (a.startsWith('-')) throw new Error(`Option inconnue : ${a}\n\n${HELP}`);
+    else args.push(a);
+  }
+  return { args, options };
+}
+
+function main() {
+  const { args, options } = parse(process.argv.slice(2));
+  if (options.version) return console.log(version);
+  let [command, ...rest] = args;
+  if (options.help || !command || command === 'help') return console.log(HELP);
+  if (command === 'generate' || command === 'g') {
+    const [type, ...names] = rest;
+    if (type !== 'component' && type !== 'c') throw new Error(`Seul « ${command} component » est disponible (ex. maxit g c button).`);
+    command = 'add';
+    rest = names;
+  }
+  if (command === 'add' || command === 'install' || command === 'i') return commands.add(rest, options);
+  if (command === 'init') return commands.init(options);
+  if (command === 'list' || command === 'ls') return commands.list(options);
+  throw new Error(`Commande inconnue : ${command}\n\n${HELP}`);
+}
+
+try {
+  main();
+} catch (err) {
+  console.error(`✗ ${err.message}`);
+  process.exit(1);
+}

package/lib/commands.js

@@ -0,0 +1,142 @@
+// maxit init | add | list
+const fs = require('fs');
+const path = require('path');
+const registryLib = require('./registry');
+const { findProject, readJson, writeJson, compareDir } = require('./project');
+
+// The components import the tokens with an absolute path, so they always live in /components.
+const COMPONENTS = 'components';
+const TOKENS_IMPORT = "@import '/components/common/style/tokens.wxss';";
+
+function projectOrFail(options) {
+  const root = findProject(options.cwd);
+  if (!root) throw new Error(`Aucun mini-programme trouvé depuis ${path.resolve(options.cwd)} (app.json introuvable). Lancez la commande dans le projet ou passez --cwd <dossier>.`);
+  return root;
+}
+
+function log(options, line) {
+  console.log(line);
+}
+
+// Copies one folder of the registry into the project. Local changes are kept unless --overwrite.
+function install(root, name, options, report) {
+  const source = path.join(registryLib.COMPONENTS_DIR, name);
+  const target = path.join(root, COMPONENTS, name);
+  const state = compareDir(source, target);
+  if (state === 'same') return report.same.push(name);
+  if (state === 'changed' && !options.overwrite) return report.kept.push(name);
+  if (!options.dryRun) {
+    if (state === 'changed') fs.rmSync(target, { recursive: true, force: true });
+    fs.mkdirSync(path.dirname(target), { recursive: true });
+    fs.cpSync(source, target, { recursive: true });
+  }
+  (state === 'changed' ? report.replaced : report.added).push(name);
+}
+
+// Adds the tokens import at the top of app.wxss (created if needed).
+function ensureTokens(root, options) {
+  const file = path.join(root, 'app.wxss');
+  const text = fs.existsSync(file) ? fs.readFileSync(file, 'utf8') : '';
+  if (text.includes('/components/common/style/tokens.wxss')) return false;
+  const eol = text.includes('\r\n') ? '\r\n' : '\n';
+  const header = `/* Jetons du design system Max it (couleurs, typographie) pour les composants o-* */${eol}${TOKENS_IMPORT}${eol}`;
+  if (!options.dryRun) fs.writeFileSync(file, header + (text ? eol + text : ''));
+  return true;
+}
+
+// Declares the components in app.json (whole app) or in one page's .json.
+function register(root, names, options) {
+  let file;
+  if (options.page) {
+    const page = options.page.replace(/^\/+/, '').replace(/\.(json|wxml|js|wxss)$/, '');
+    file = path.join(root, page + '.json');
+    if (!fs.existsSync(file)) {
+      if (!fs.existsSync(path.join(root, page + '.wxml'))) throw new Error(`Page introuvable : ${page} (ni ${page}.json ni ${page}.wxml).`);
+      if (!options.dryRun) fs.writeFileSync(file, '{\n  "usingComponents": {}\n}\n');
+      else return { file, added: names.map((n) => `o-${n}`) };
+    }
+  } else {
+    file = path.join(root, 'app.json');
+  }
+  const json = readJson(file);
+  const using = json.data.usingComponents || (json.data.usingComponents = {});
+  const added = [];
+  for (const name of names) {
+    const tag = `o-${name}`;
+    const value = `/${COMPONENTS}/${name}/${name}`;
+    if (using[tag] === value) continue;
+    using[tag] = value;
+    added.push(tag);
+  }
+  if (added.length && !options.dryRun) writeJson(file, json);
+  return { file, added };
+}
+
+function init(options) {
+  const root = projectOrFail(options);
+  const registry = registryLib.load();
+  const report = { added: [], replaced: [], same: [], kept: [] };
+  registry.shared.forEach((name) => install(root, name, options, report));
+  const tokens = ensureTokens(root, options);
+  printReport(root, report, options);
+  log(options, tokens ? `  ✓ app.wxss : import des jetons ajouté` : `  · app.wxss : jetons déjà importés`);
+  log(options, `\nPrêt. Ajoutez un composant avec : maxit add button`);
+}
+
+function add(names, options) {
+  if (!names.length) throw new Error('Indiquez au moins un composant, par exemple : maxit add button');
+  const registry = registryLib.load();
+  const unknown = names.filter((n) => !registry.components[n]);
+  if (unknown.length) {
+    const hints = unknown.map((n) => {
+      const s = registryLib.suggest(registry, n);
+      return `  ${n}${s.length ? ` — vouliez-vous dire : ${s.join(', ')} ?` : ''}`;
+    });
+    throw new Error(`Composant inconnu :\n${hints.join('\n')}\nListe complète : maxit list`);
+  }
+  const root = projectOrFail(options);
+  const report = { added: [], replaced: [], same: [], kept: [] };
+  registryLib.resolve(registry, names).forEach((name) => install(root, name, options, report));
+  const tokens = ensureTokens(root, options);
+  const registration = options.register ? register(root, names, options) : null;
+
+  printReport(root, report, options);
+  if (tokens) log(options, `  ✓ app.wxss : import des jetons ajouté`);
+  if (registration) {
+    const where = path.relative(root, registration.file);
+    log(options, registration.added.length ? `  ✓ ${where} : ${registration.added.join(', ')} déclaré${registration.added.length > 1 ? 's' : ''}` : `  · ${where} : déjà déclaré`);
+  } else {
+    log(options, `\nÀ déclarer dans app.json ou le .json de la page :\n${names.map((n) => `  "o-${n}": "/${COMPONENTS}/${n}/${n}"`).join(',\n')}`);
+  }
+  log(options, `\nUtilisation :\n${names.map((n) => `  <o-${n} />`).join('\n')}`);
+  if (options.dryRun) log(options, `\n(--dry-run : aucun fichier modifié)`);
+}
+
+function printReport(root, report, options) {
+  const dir = COMPONENTS;
+  log(options, `Projet : ${root}`);
+  report.added.forEach((n) => log(options, `  ✓ ${dir}/${n} ajouté`));
+  report.replaced.forEach((n) => log(options, `  ✓ ${dir}/${n} remplacé (--overwrite)`));
+  report.same.forEach((n) => log(options, `  · ${dir}/${n} déjà à jour`));
+  report.kept.forEach((n) => log(options, `  ! ${dir}/${n} existe et diffère : conservé (--overwrite pour le remplacer)`));
+}
+
+function list(options) {
+  const registry = registryLib.load();
+  const root = findProject(options.cwd);
+  const installed = (name) => root && fs.existsSync(path.join(root, COMPONENTS, name));
+  if (options.json) {
+    console.log(JSON.stringify(registry.components, null, 2));
+    return;
+  }
+  for (const cat of registry.categories) {
+    const names = Object.keys(registry.components).filter((n) => registry.components[n].category === cat.id);
+    if (!names.length) continue;
+    console.log(`\n${cat.label}`);
+    const width = Math.max(...names.map((n) => n.length));
+    for (const n of names) console.log(`  ${installed(n) ? '✓' : ' '} ${n.padEnd(width)}  ${registry.components[n].title}`);
+  }
+  console.log(`\n${Object.keys(registry.components).length} composants${root ? ' · ✓ = déjà dans ce projet' : ''}. Installer : maxit add <nom>`);
+}
+
+module.exports = { init, add, list };

package/lib/project.js

@@ -0,0 +1,58 @@
+// The target mini-program: where it lives, and file helpers that keep its formatting.
+const fs = require('fs');
+const path = require('path');
+
+// Walks up from `start` to the folder holding app.json (or project.config.json with miniprogramRoot).
+function findProject(start) {
+  let dir = path.resolve(start);
+  for (;;) {
+    const config = path.join(dir, 'project.config.json');
+    if (fs.existsSync(config)) {
+      const { miniprogramRoot } = readJson(config).data;
+      const root = miniprogramRoot ? path.resolve(dir, miniprogramRoot) : dir;
+      if (fs.existsSync(path.join(root, 'app.json'))) return root;
+    }
+    if (fs.existsSync(path.join(dir, 'app.json'))) return dir;
+    const parent = path.dirname(dir);
+    if (parent === dir) return null;
+    dir = parent;
+  }
+}
+
+// JSON with the file's indentation and line endings, so rewriting it only shows the real change.
+function readJson(file) {
+  const text = fs.readFileSync(file, 'utf8');
+  const indent = (text.match(/^[ \t]+(?=")/m) || ['  '])[0];
+  const eol = text.includes('\r\n') ? '\r\n' : '\n';
+  let data;
+  try {
+    data = JSON.parse(text.replace(/^/, ''));
+  } catch (err) {
+    throw new Error(`JSON invalide dans ${file} : ${err.message}`);
+  }
+  return { data, indent, eol, finalEol: /\r?\n$/.test(text) };
+}
+
+function writeJson(file, json) {
+  const text = JSON.stringify(json.data, null, json.indent).replace(/\n/g, json.eol);
+  fs.writeFileSync(file, text + (json.finalEol ? json.eol : ''));
+}
+
+function listFiles(dir, base = dir) {
+  return fs.readdirSync(dir, { withFileTypes: true }).flatMap((d) => {
+    const full = path.join(dir, d.name);
+    return d.isDirectory() ? listFiles(full, base) : [path.relative(base, full)];
+  });
+}
+
+// 'missing', 'same', or 'changed' (local edits, or another version of the library).
+function compareDir(source, target) {
+  if (!fs.existsSync(target)) return 'missing';
+  for (const file of listFiles(source)) {
+    const other = path.join(target, file);
+    if (!fs.existsSync(other) || !fs.readFileSync(other).equals(fs.readFileSync(path.join(source, file)))) return 'changed';
+  }
+  return 'same';
+}
+
+module.exports = { findProject, readJson, writeJson, compareDir };

package/lib/registry.js

@@ -0,0 +1,50 @@
+// The components shipped with the CLI (registry/, filled by scripts/sync.js).
+const fs = require('fs');
+const path = require('path');
+
+const ROOT = path.join(__dirname, '../registry');
+const COMPONENTS_DIR = path.join(ROOT, 'components');
+
+function load() {
+  const file = path.join(ROOT, 'registry.json');
+  if (!fs.existsSync(file)) throw new Error('Registre vide : lancez « npm run sync » dans maxit-cli.');
+  return JSON.parse(fs.readFileSync(file, 'utf8'));
+}
+
+// Requested components first, then their dependencies (depth first), shared folders last.
+function resolve(registry, names) {
+  const order = [];
+  const seen = new Set();
+  const visit = (name) => {
+    if (seen.has(name)) return;
+    seen.add(name);
+    if (registry.shared.includes(name)) return;
+    order.push(name);
+    registry.components[name].dependencies.forEach(visit);
+  };
+  names.forEach(visit);
+  return order.concat(registry.shared);
+}
+
+// Closest names, for "did you mean" hints.
+function suggest(registry, name) {
+  const names = Object.keys(registry.components);
+  const distance = (a, b) => {
+    const d = Array.from({ length: a.length + 1 }, (_, i) => [i]);
+    for (let j = 1; j <= b.length; j++) d[0][j] = j;
+    for (let i = 1; i <= a.length; i++) {
+      for (let j = 1; j <= b.length; j++) {
+        d[i][j] = Math.min(d[i - 1][j] + 1, d[i][j - 1] + 1, d[i - 1][j - 1] + (a[i - 1] === b[j - 1] ? 0 : 1));
+      }
+    }
+    return d[a.length][b.length];
+  };
+  return names
+    .map((n) => ({ n, d: n.includes(name) || name.includes(n) ? 1 : distance(name, n) }))
+    .filter((x) => x.d <= 3)
+    .sort((a, b) => a.d - b.d)
+    .slice(0, 3)
+    .map((x) => x.n);
+}
+
+module.exports = { COMPONENTS_DIR, load, resolve, suggest };

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "maxit-cli",
+  "version": "0.1.0",
+  "description": "CLI pour installer les composants o-* du design system Max it dans un mini-programme",
+  "bin": {
+    "maxit": "bin/maxit.js"
+  },
+  "files": [
+    "bin",
+    "lib",
+    "registry"
+  ],
+  "scripts": {
+    "sync": "node scripts/sync.js",
+    "test": "node test/smoke.js",
+    "prepack": "node scripts/sync.js"
+  },
+  "engines": {
+    "node": ">=16.7"
+  },
+  "keywords": [
+    "maxit",
+    "miniprogram",
+    "mini-program",
+    "tdesign",
+    "components",
+    "cli"
+  ],
+  "license": "MIT"
+}

package/registry/components/action-sheet/action-sheet.js

@@ -0,0 +1 @@
+import{__decorate}from"../common/tslib";import{chunk}from"../common/utils";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import{ActionSheetTheme,show}from"./show";import props from"./props";import useCustomNavbar from"../common/mixins/using-custom-navbar";import usingConfig from"../common/mixins/using-config";const{prefix:prefix}=config,componentName="action-sheet";let ActionSheet=class extends SuperComponent{constructor(){super(...arguments),this.behaviors=[useCustomNavbar,usingConfig({componentName:componentName})],this.externalClasses=[`${prefix}-class`,`${prefix}-class-content`,`${prefix}-class-cancel`],this.properties=Object.assign({},props),this.data={prefix:prefix,classPrefix:`${prefix}-${componentName}`,gridThemeItems:[],currentSwiperIndex:0,defaultPopUpProps:{},defaultPopUpzIndex:11500},this.controlledProps=[{key:"visible",event:"visible-change"}],this.observers={items(){this.splitGridThemeActions()},globalConfig(){this.updateInitialData()}},this.lifetimes={ready(){this.init()}},this.methods={init(){this.memoInitialData(),this.splitGridThemeActions()},memoInitialData(){this.updateInitialData()},updateInitialData(){this.initialData=Object.assign(Object.assign({},this.properties),this.data)},splitGridThemeActions(){this.data.theme===ActionSheetTheme.Grid&&this.setData({gridThemeItems:chunk(this.data.items,this.data.count)})},show(e){this.setData(Object.assign(Object.assign(Object.assign({},this.initialData),e),{visible:!0})),this.splitGridThemeActions(),this.autoClose=!0,this._trigger("visible-change",{visible:!0})},close(){this.triggerEvent("close",{trigger:"command"}),this._trigger("visible-change",{visible:!1})},onPopupVisibleChange({detail:e}){e.visible||(this.triggerEvent("close",{trigger:"overlay"}),this._trigger("visible-change",{visible:!1})),this.autoClose&&(this.setData({visible:!1}),this.autoClose=!1)},onSwiperChange(e){const{current:t}=e.detail;this.setData({currentSwiperIndex:t})},onSelect(e){const{currentSwiperIndex:t,items:i,gridThemeItems:s,count:o,theme:n}=this.data,{index:a}=e.currentTarget.dataset,r=n===ActionSheetTheme.Grid,h=r?s[t][a]:i[a],c=r?a+t*o:a;h&&(this.triggerEvent("selected",{selected:h,index:c}),h.disabled||(this.triggerEvent("close",{trigger:"select"}),this._trigger("visible-change",{visible:!1})))},onCancel(){this.triggerEvent("cancel"),this.autoClose&&(this.setData({visible:!1}),this.autoClose=!1)}}}};ActionSheet.show=show,ActionSheet=__decorate([wxComponent()],ActionSheet);export default ActionSheet;

package/registry/components/action-sheet/action-sheet.json

@@ -0,0 +1 @@
+{"component":true,"styleIsolation":"apply-shared","usingComponents":{"o-icon":"../icon/icon","o-popup":"../popup/popup","o-grid":"../grid/grid","o-grid-item":"../grid-item/grid-item"}}

package/registry/components/action-sheet/action-sheet.wxml

@@ -0,0 +1 @@
+<wxs src="./action-sheet.wxs" module="_this"/><wxs src="../common/utils.wxs" module="_"/><import src="./template/grid.wxml"/><import src="../common/template/icon.wxml"/><view id="{{classPrefix}}" style="{{_._style([style, customStyle])}}" class="{{_.cls(classPrefix, [align, theme, ['no-description', !description]])}} class {{prefix}}-class"><o-popup visible="{{visible}}" placement="bottom" usingCustomNavbar="{{usingCustomNavbar}}" bind:visible-change="onPopupVisibleChange" show-overlay="{{showOverlay}}" z-index="{{ popupProps.zIndex || defaultPopUpzIndex }}" overlay-props="{{ popupProps.overlayProps || defaultPopUpProps }}"><view class="{{classPrefix}}__content {{prefix}}-class-content" tabindex="0"><view wx:if="{{description}}" tabindex="0" class="{{classPrefix}}__description">{{description}}</view><block wx:if="{{gridThemeItems.length}}"><template is="grid" data="{{classPrefix, prefix, gridThemeItems, count, currentSwiperIndex}}"/></block><view wx:elif="{{items && items.length}}" class="{{classPrefix}}__list"><block wx:for="{{ items }}" wx:key="index"><view data-index="{{index}}" style="{{ item.color ? 'color: ' + item.color : '' }}" class="{{_.cls(classPrefix + '__list-item', [['disabled', item.disabled]])}}" bind:tap="onSelect" aria-role="{{ariaRole || 'button'}}" aria-label="{{item.label || item}}" tabindex="0"><view class="{{classPrefix}}__list-item-content"><template wx:if="{{_this.getIconData(item.icon)}}" is="icon" data="{{oClass: classPrefix + '__list-item-icon', ..._this.getIconData(item.icon)}}"/><view class="{{classPrefix}}__list-item-text">{{item.label || item}}</view><template wx:if="{{_this.getIconData(item.suffixIcon)}}" is="icon" data="{{oClass: classPrefix + '__list-item-icon--suffix', ..._this.getIconData(item.suffixIcon)}}"/></view><view wx:if="{{item.description}}" class="{{classPrefix}}__list-item-desc">{{item.description}}</view></view></block></view></view><slot/><view wx:if="{{showCancel}}" class="{{classPrefix}}__footer"><view class="{{classPrefix}}__gap-{{theme}}"/><view class="{{classPrefix}}__cancel {{prefix}}-class-cancel" hover-class="{{classPrefix}}__cancel--hover" hover-stay-time="70" bind:tap="onCancel" aria-role="button">{{ cancelText || globalConfig.cancel }}</view></view></o-popup></view>

package/registry/components/action-sheet/action-sheet.wxs

@@ -0,0 +1,34 @@
+var utils = require('../common/utils.wxs');
+
+var getListThemeItemClass = function (props) {
+  var classPrefix = props.classPrefix;
+  var item = props.item;
+  var prefix = props.prefix;
+  var classList = [classPrefix + '__list-item'];
+  if (item.disabled) {
+    classList.push(prefix + '-is-disabled');
+  }
+  return classList.join(' ');
+};
+
+var getIconData = function (icon) {
+  if (utils.isString(icon)) {
+    return { name: icon };
+  }
+
+  if (utils.isNoEmptyObj(icon)) {
+    return icon;
+  }
+
+  return null;
+};
+
+var isImage = function (name) {
+  return name.indexOf('/') !== -1;
+};
+
+module.exports = {
+  getListThemeItemClass: getListThemeItemClass,
+  getIconData: getIconData,
+  isImage: isImage,
+};