npm - ranui - Versions diffs - 0.1.0-alpha → 0.1.1-alpha.12 - Mend

ranui 0.1.0-alpha → 0.1.1-alpha.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (106) hide show

package/LICENSE +21 -0
package/dist/_commonjs-dynamic-modules-2ceabb0b.js +12 -0
package/dist/add-user-d07564bd.js +4 -0
package/dist/book-2a5a596c.js +4 -0
package/dist/check-circle-2c986969.js +4 -0
package/dist/check-circle-fill-62eaa796.js +4 -0
package/dist/close-circle-2afb6e94.js +4 -0
package/dist/close-circle-fill-b6906239.js +4 -0
package/dist/close-ee3ba1d1.js +4 -0
package/dist/colz-746223ab.js +241 -0
package/dist/components/button/index.d.ts +331 -1
package/dist/components/icon/index.d.ts +2 -0
package/dist/components/input/index.d.ts +435 -1
package/dist/components/message/index.d.ts +8 -0
package/dist/components/preview/colz.d.ts +72 -0
package/dist/components/preview/docx.d.ts +8 -0
package/dist/components/preview/excel/excel.d.ts +11 -0
package/dist/components/preview/excel/index.d.ts +1 -0
package/dist/components/preview/excel/media.d.ts +37 -0
package/dist/components/preview/index.d.ts +2 -0
package/dist/components/preview/pdf.d.ts +1 -0
package/dist/components/preview/pptx/index.d.ts +16 -0
package/dist/components/preview/pptx/process_pptx.d.ts +23 -0
package/dist/components/preview/pptx/t_xml.d.ts +1 -0
package/dist/components/preview/pptx/worker.d.ts +1 -0
package/dist/components/skeleton/index.d.ts +2 -0
package/dist/components/tabpane/index.d.ts +327 -0
package/dist/components/tabs/index.d.ts +382 -1
package/dist/components/video/index.d.ts +393 -0
package/dist/docx-a71f9b36.js +2635 -0
package/dist/eye-bd60afe1.js +4 -0
package/dist/eye-close-bde3c1fc.js +4 -0
package/dist/home-f824d8f4.js +4 -0
package/dist/index-b14db636.js +23075 -0
package/dist/index-d9a6fb36.js +1756 -0
package/dist/index-eca1b437.js +85583 -0
package/dist/index.d.ts +9 -0
package/dist/index.js +11 -676
package/dist/index.umd.cjs +53 -2
package/dist/info-circle-59333e1c.js +4 -0
package/dist/info-circle-fill-3ab7660d.js +4 -0
package/dist/jszip.min-97cf7c6a.js +2655 -0
package/dist/loading-407d8249.js +4 -0
package/dist/lock-6d20715b.js +4 -0
package/dist/message-ee4fe153.js +4 -0
package/dist/pdf-f6057747.js +112 -0
package/dist/playwright.config.d.ts +11 -0
package/dist/plugins/auto-import-file.d.ts +10 -0
package/dist/plugins/load-style.d.ts +6 -0
package/dist/plugins/load-svg.d.ts +9 -0
package/dist/power-off-bbec6b5f.js +4 -0
package/dist/preview-164a4944.js +4 -0
package/dist/setting-735a1963.js +4 -0
package/dist/style.css +1 -1
package/dist/team-42573142.js +4 -0
package/dist/tests/button.spec.d.ts +1 -0
package/dist/unlock-ae33c6f7.js +4 -0
package/dist/user-b7098183.js +4 -0
package/dist/utils/index.d.ts +34 -4
package/dist/vite.config.d.ts +2 -0
package/dist/warning-circle-536d4749.js +4 -0
package/dist/warning-circle-fill-e4be98bc.js +4 -0
package/package.json +51 -17
package/readme.md +71 -0
package/.vitepress/config.ts +0 -26
package/.vitepress/theme/index.ts +0 -9
package/assets/image/failImage.ts +0 -4
package/assets/svgs/check-circle.svg +0 -4
package/assets/svgs/close-circle.svg +0 -4
package/assets/svgs/eye-close.svg +0 -4
package/assets/svgs/eye.svg +0 -4
package/assets/svgs/info-circle.svg +0 -5
package/assets/svgs/lock.svg +0 -4
package/assets/svgs/unlock.svg +0 -4
package/assets/svgs/user.svg +0 -3
package/components/button/index.less +0 -95
package/components/button/index.ts +0 -64
package/components/form/index.ts +0 -36
package/components/image/index.less +0 -0
package/components/image/index.ts +0 -62
package/components/input/index.less +0 -114
package/components/input/index.ts +0 -367
package/components/modal/index.less +0 -0
package/components/modal/index.ts +0 -118
package/components/tabPane/index.less +0 -0
package/components/tabPane/index.ts +0 -71
package/components/tabs/index.less +0 -47
package/components/tabs/index.ts +0 -207
package/dist/index.js.map +0 -1
package/dist/index.umd.cjs.map +0 -1
package/dist/typings.d.ts +0 -4
package/docs/button/index.md +0 -25
package/docs/image/index.md +0 -9
package/docs/input/index.md +0 -146
package/docs/tabs/index.md +0 -121
package/index.html +0 -67
package/index.md +0 -1
package/index.ts +0 -6
package/plugins/auto-import-file.ts +0 -59
package/plugins/load-style.ts +0 -31
package/tsconfig.json +0 -31
package/typings.d.ts +0 -4
package/utils/index.ts +0 -12
package/vite.config.ts +0 -58
/package/{components/form/index.less → dist/component.d.ts} +0 -0
/package/dist/components/{tabPane → form}/index.d.ts +0 -0

package/docs/tabs/index.md DELETED Viewed

@@ -1,121 +0,0 @@
-# Tab
-## 代码展示
-<r-tabs>
-    <r-tab label="tab1">tab1</r-tab>
-    <r-tab label="tab2">tab2</r-tab>
-    <r-tab label="tab3">tab3</r-tab>
-</r-tabs>
-```xml
-<r-tabs>
-    <r-tab label="tab1">tab1</r-tab>
-    <r-tab label="tab2">tab2</r-tab>
-    <r-tab label="tab3">tab3</r-tab>
-</r-tabs>
-```
-## 属性
-### 名称`label`
-每个`r-tab`需要指定一个名称`label`，用于显示标签头。
-<r-tabs>
-    <r-tab label="tab1">tab1</r-tab>
-    <r-tab label="tab2">tab2</r-tab>
-    <r-tab label="tab3">tab3</r-tab>
-</r-tabs>
-```xml
-<r-tabs>
-    <r-tab label="tab1">tab1</r-tab>
-    <r-tab label="tab2">tab2</r-tab>
-    <r-tab label="tab3">tab3</r-tab>
-</r-tabs>
-```
-### 禁用`disabled`
-每个`r-tab`可以指定`disabled`属性，用来禁用该标签页。
-<r-tabs>
-    <r-tab label="tab1">tab1</r-tab>
-    <r-tab id="tab-content-disabled" label="tab2" disabled>tab2</r-tab>
-    <r-tab label="tab3">tab3</r-tab>
-</r-tabs>
-```xml
-<r-tabs>
-    <r-tab label="tab1">tab1</r-tab>
-    <r-tab label="tab2" disabled>tab2</r-tab>
-    <r-tab label="tab3">tab3</r-tab>
-</r-tabs>
-```
-### 标识`key`,`active`
-每个`r-tab`需要指定一个标识`key`，没有会默认以序列号为`key`，
-`active`作用在`r-tabs`上，可以指定切换到具体标签页，也可以指定初始值。
-<r-tabs active="B">
-    <r-tab label="tab1" key="A">tab1</r-tab>
-    <r-tab label="tab2" key="B">tab2</r-tab>
-    <r-tab label="tab3" key="C">tab3</r-tab>
-</r-tabs>
-```html
-<r-tabs active="B">
-    <r-tab label="tab1" key="A">tab1</r-tab>
-    <r-tab label="tab2" key="B">tab2</r-tab>
-    <r-tab label="tab3" key="C">tab3</r-tab>
-</r-tabs>
-```
-### 图标`icon`
-每个`r-tab`可以指定`icon`，配合`label`实现图标加文字的效果。
-<r-tabs>
-    <r-tab label="home" icon="home">tab1</r-tab>
-    <r-tab label="message" icon="message">tab2</r-tab>
-    <r-tab label="user" icon="user">tab3</r-tab>
-</r-tabs>
-```html
-<r-tabs>
-    <r-tab label="home" icon="home">tab1</r-tab>
-    <r-tab label="message" icon="message">tab2</r-tab>
-    <r-tab label="user" icon="user">tab3</r-tab>
-</r-tabs>
-```
-也可以单独指定`icon`，不使用`label`。
-<r-tabs>
-    <r-tab icon="home">tab1</r-tab>
-    <r-tab icon="message">tab2</r-tab>
-    <r-tab icon="user">tab3</r-tab>
-</r-tabs>
-```html
-<r-tabs>
-    <r-tab icon="home">tab1</r-tab>
-    <r-tab icon="message">tab2</r-tab>
-    <r-tab icon="user">tab3</r-tab>
-</r-tabs>
-```
-### 风格`type`
-### 对齐`align`
-## 事件`event`
-### onchange
-切换完成时触发。

package/index.html DELETED Viewed

@@ -1,67 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
-    <script src="./index.ts" type="module"></script>
-  </head>
-  <body>
-    <!-- <h1>Hello RanUI</h1> -->
-    <div style="margin: 20px">
-      <!-- <div>按钮</div>
-         <r-button type="primary">主要按钮</r-button>
-        <r-button type="warning">警告按钮</r-button>
-        <r-button type="default">默认按钮</r-button>
-        <r-button type="primary" disabled="true">disable按钮</r-button>
-        <div style="margin:20px">输入框</div>
-      <r-input label="user" type="password"></r-input>
-      <div>图片</div> -->
-      <!-- <r-button type="text" disabled>默认按钮</r-button> -->
-      <span>加载失败</span>
-      <r-img fallback=""></r-img>
-      <div>表单</div>
-      <r-tabs>
-        <r-tab label="tab1" >11111</r-tab>
-        <r-tab label="tab2" type="line">22222</r-tab>
-        <r-tab label="tab3" >33333</r-tab>
-      </r-tabs>
-      <!-- <iframe name="hidden" style="display:none;"></iframe> -->
-      <form id="form">
-            <fieldset>
-                <legend>Choose your favorite monster</legend>
-                <input type="radio" id="kraken" name="monster" value="K">
-                <label for="kraken">Kraken</label><br>
-                <input type="radio" id="sasquatch" name="monster" value="S">
-                <label for="sasquatch">Sasquatch</label><br>
-                <input type="radio" id="mothman" name="monster" value="M" />
-                <label for="mothman">Mothman</label>
-                <button type="submit">提交按钮</button>
-            </fieldset>
-        </form>
-    </div>
-    <script>
-      const form = document.getElementById("form");
-      const onFinish = (e) => {
-        e.preventDefault();
-        const jsonData = {};
-        const formData = new FormData(form);
-        formData.forEach((value, key) => {
-          if (!jsonData[key]) {
-            jsonData[key] =
-              formData.getAll(key).length > 1
-                ? formData.getAll(key)
-                : formData.get(key);
-          }
-        });
-        console.log("e---->", jsonData);
-      };
-      form.addEventListener("submit", onFinish);
-    </script>
-  </body>
-</html>

package/index.md DELETED Viewed

	@@ -1 +0,0 @@
1	- # RanUI

package/index.ts DELETED Viewed

@@ -1,6 +0,0 @@
-import './components/button/index.ts';
-import './components/image/index.ts';
-import './components/input/index.ts';
-import './components/modal/index.ts';
-import './components/tabPane/index.ts';
-import './components/tabs/index.ts';

package/plugins/auto-import-file.ts DELETED Viewed

@@ -1,59 +0,0 @@
-import { Plugin } from 'vite';
-import fs from "fs";
-import ranuts from 'ranuts';
-const { writeFile, readFile, queryFileInfo } = ranuts;
-interface Options {
-    ignore?: Array<string>,
-    path: Array<string>,
-    extensions: Array<string>
-}
-const createIndex = async (options: Options, entry: string) => {
-    let content = ''
-    const { path = [], extensions = [], ignore = [] } = options
-    /**
-     * @description: 递归查找目录
-     * @param {Array} path
-     */
-    const recurveFile = async (path: Array<string>) => {
-        for (const item of path) {
-            const { status, data } = await queryFileInfo(item)
-            const extension = item.substring(item.lastIndexOf('.'))
-            if (status && data.isFile() && extensions.includes(extension) && !ignore.includes(item)) {
-                content += `import '${item}';\n`
-            }
-            if (status && data.isDirectory() && !ignore.includes(item)) {
-                const fileList = fs.readdirSync(item)
-                const list = fileList.map(children => `${item}/${children}`)
-                await recurveFile(list)
-            }
-        }
-    }
-    try {
-        await recurveFile(path)
-        const currContent = await readFile(entry)
-        if (currContent.status && currContent.data !== content) return await writeFile(entry, content)
-        return { status: false }
-    } catch (error) {
-        throw error
-    }
-}
-// 当初始目录中没有index的时候，不会主动生成，需要至少增加一个空index.js
-export default function autoImportFilePlugin(options: Options): Plugin {
-    return {
-        name: 'vite-plugin-auto-import-file',
-        enforce: 'pre',
-        async config(context) {
-            const { entry = '' } = context.build?.lib || {};
-            // const { alias = {} } = context.resolve || {}
-            // const aliasList = Object.keys(alias)
-            if (entry) await createIndex(options, entry)
-        },
-        async handleHotUpdate(context) {
-            const { entry = '' } = context.server.config.build.lib || {}
-            if (entry) await createIndex(options, entry)
-        }
-    }
-}

package/plugins/load-style.ts DELETED Viewed

@@ -1,31 +0,0 @@
-import { Plugin } from 'vite';
-interface Options {
-    ignore?: Array<string>
-}
-export default function loadStylePlugin(options?: Options): Plugin {
-    return {
-        name: 'vite-plugin-load-style',
-        transform(code, id) {
-            const path = new RegExp('ranui\/components\/[a-zA-z0-9]+\/index\.ts')
-            const stylePath = new RegExp(/((this\.)?[a-zA-Z0-9]+)\s*=\s*this\.attachShadow\(\{.*\}\)/)
-            const front = `import f7170ee498e0dd32cbdcb63fba8f75cc from './index.less';`
-            const { ignore = [] } = options ?? {}
-            const [fragment, statement] = code.match(stylePath) ?? []
-            let result = code
-            if (path.test(id) && !ignore.some(item => new RegExp(item).test(id)) && fragment && statement) {
-                result = result.replace(
-                    stylePath,
-                    `${fragment};
-                    const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement('style');
-                    F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
-                    ${statement}.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);`)
-                result = front + result;
-            }
-            return {
-                code: result,
-                map: null // TODO
-            };
-        }
-    }
-}

package/tsconfig.json DELETED Viewed

@@ -1,31 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "react",
-    "module": "ESNext",
-    "esModuleInterop": true,
-    "target": "ESNext",
-    "moduleResolution": "node",
-    "outDir": "dist",
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "isolatedModules": false,
-    "strict": true,
-    "noImplicitAny": true,
-    "useUnknownInCatchVariables": false,
-    "inlineSourceMap": true,
-    "baseUrl": ".",
-    "experimentalDecorators":true,
-    "paths": {
-      "@/assets/*": ["assets/*"],
-      "@/components/*": ["components/*"],
-      "@/plugins/*": ["plugins/*"],
-      "@/utils/*": ["utils/*"],
-    },
-  },
-  "ts-node": {
-      "esm": true,
-      "experimentalSpecifierResolution":"node",
-  },
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}

package/typings.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-declare module "*.less"
-declare module '@/assets'
-declare module '@/components'
-declare module '@/plugins'

package/utils/index.ts DELETED Viewed

@@ -1,12 +0,0 @@
-export const falseList = [false, "false", null, undefined];
-/**
-  * @description: 判断这个元素上是否有disabled属性
-  * @param {Element} element
-  * @return {*}
-  */
-export const isDisabled = (element: Element) => {
-  const status = element.hasAttribute('disabled')
-  const value = element.getAttribute('disabled')
-  if (status && !falseList.includes(value)) return true
-  return false
-}

package/vite.config.ts DELETED Viewed

@@ -1,58 +0,0 @@
-import { defineConfig } from "vite";
-import path, { resolve } from "path";
-import { fileURLToPath } from "url";
-import dts from 'vite-plugin-dts'
-import loadStyle from './plugins/load-style'
-import autoImportFile from './plugins/auto-import-file'
-// const __filename = fileURLToPath(import.meta.url);
-// const __dirname = path.dirname(__filename);
-export default defineConfig({
-  build: {
-    minify: 'terser',
-    sourcemap: true,
-    lib: {
-      entry: resolve(__dirname, "index.ts"),
-      name: "ranui",
-      fileName: "index",
-      formats: ["es", "umd"],
-    },
-  },
-  plugins: [
-    dts({
-      tsConfigFilePath: './tsconfig.json'
-    }),
-    loadStyle({
-      ignore: ['ranui/components/modal/index.ts']
-    }),
-    autoImportFile({
-      path: [
-        './components',
-        // resolve(__dirname, "components/")
-      ],
-      extensions: [".ts"],
-      ignore: ['./components/form/index.ts']
-    })
-  ],
-  resolve: {
-    alias: {
-      '@/components': resolve(__dirname, "components/"),
-      '@/assets': resolve(__dirname, "assets/"),
-      '@/utils': resolve(__dirname, "utils/"),
-    },
-    extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json"],
-  },
-  css: {
-    // preprocessorOptions: {
-      // less: {
-      //   javascriptEnabled: true,
-      //   additionalData: `@import "client/assets/base.css";`
-      // }
-    // },
-    modules: {
-      generateScopedName: "[name--[local]--[hash:base64:5]]",
-    },
-  },
-});

/package/{components/form/index.less → dist/component.d.ts} RENAMED Viewed

File without changes

/package/dist/components/{tabPane → form}/index.d.ts RENAMED Viewed

File without changes