@viewfly/scoped-css 0.0.1-alpha.12 → 0.0.1-alpha.14

package/README.md

@@ -1,7 +1,7 @@
 Viewfly
 ================================
 
-Viewfly 是一个简单、数据驱动的前端视图库。此包为 Viewfly 组件提供了 css 模块化的能力。
+Viewfly 是一个简单、数据驱动的前端框架。此项目为 Viewfly 组件提供了 css 模块化的能力。
 
 要使用 css 模块化能力，还需要在 webpack 配置中 css loader 的模块化支持，具体可参考相关文档。
 

package/package.json

@@ -1,21 +1,18 @@
 {
   "name": "@viewfly/scoped-css",
-  "version": "0.0.1-alpha.12",
-  "description": "Viewfly is a simple and easy-to-use JavaScript framework with an intuitive development experience",
+  "version": "0.0.1-alpha.14",
+  "description": "A library for supporting scoped style sheets in the Viewfly framework。",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
   "typings": "./bundles/public-api.d.ts",
   "scripts": {
-    "start": "webpack-dev-server",
-    "test": "cross-env env=test jest",
-    "test-c": "cross-env env=test jest --coverage",
     "build:lib": "rimraf bundles && rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
     "publish:lib": "npm run build:lib && npm publish --access=public"
   },
   "license": "MIT",
   "keywords": [],
   "dependencies": {
-    "@viewfly/core": "^0.0.1-alpha.12"
+    "@viewfly/core": "^0.0.1-alpha.14"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^23.0.2",
@@ -35,5 +32,5 @@
   "bugs": {
     "url": "https://github.com/viewfly/viewfly.git/issues"
   },
-  "gitHead": "e5fdc69779bbfd6a1128b98a30d8732dbda7fcd3"
+  "gitHead": "6b490f936251fa5aca6f715b5cb94ded9c360a1b"
 }

package/rollup.config.ts

@@ -1,24 +0,0 @@
-import commonjs from '@rollup/plugin-commonjs'
-import typescript from '@rollup/plugin-typescript'
-
-export default {
-  input: 'src/public-api.ts',
-  output: [
-    {
-      file: './bundles/index.js',
-      format: 'cjs'
-    },
-    {
-      file: './bundles/index.esm.js',
-      format: 'esm'
-    }
-  ],
-  plugins: [
-    commonjs(),
-    typescript({
-      compilerOptions: {
-        paths: {}
-      }
-    })
-  ]
-}

package/src/css-modules.ts

@@ -1,71 +0,0 @@
-import { JSXElement, ComponentSetup } from '@viewfly/core'
-
-function cssNamesToArray(config: unknown) {
-  const classes: string[] = []
-  if (!config) {
-    return classes
-  }
-  if (typeof config === 'string') {
-    const items = config.match(/\S+/g)
-    return items || classes
-  } else if (Array.isArray(config)) {
-    for (const i of config) {
-      classes.push(...cssNamesToArray(i))
-    }
-  } else if (typeof config === 'object') {
-    if (config.toString !== Object.prototype.toString && !config.toString.toString().includes('[native code]')) {
-      classes.push(config.toString())
-      return classes
-    }
-    for (const key in config) {
-      if ({}.hasOwnProperty.call(config, key) && config[key]) {
-        classes.push(key)
-      }
-    }
-  }
-  return classes
-}
-
-function replaceCSSClass(template, cssMap: Record<string, string>) {
-  if (template instanceof JSXElement) {
-    let { class: className, children } = template.props
-    const css = template.props.css
-    Reflect.deleteProperty(template.props, 'css')
-    const scopedClasses: string[] = []
-    cssNamesToArray(css).forEach(i => {
-      const klass = cssMap[i]
-      if (klass) {
-        scopedClasses.push(klass)
-      }
-    })
-    const c = scopedClasses.join(' ')
-    if (c) {
-      if (className) {
-        className += ' ' + c
-      } else {
-        className = c
-      }
-    }
-    if (className) {
-      template.props.class = className
-    }
-    if (Array.isArray(children)) {
-      children.forEach(child => {
-        replaceCSSClass(child, cssMap)
-      })
-    } else {
-      replaceCSSClass(children, cssMap)
-    }
-  }
-}
-
-export function scopedCSS<T extends ComponentSetup>(css: Record<string, string>, factory: T): T {
-  return function (props: any) {
-    const componentRender = factory(props)
-    return function () {
-      const template = componentRender()
-      replaceCSSClass(template, css)
-      return template
-    }
-  } as T
-}

package/src/public-api.ts

@@ -1 +0,0 @@
-export * from './css-modules'

package/tsconfig.json

@@ -1,37 +0,0 @@
-{
-  "compilerOptions": {
-    "declaration": true,
-    "useDefineForClassFields": false,
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "allowSyntheticDefaultImports": true,
-    "lib": [
-      "esnext",
-      "dom"
-    ],
-    "target": "es6",
-    "strict": true,
-    "module": "es2020",
-    "moduleResolution": "node",
-    "inlineSourceMap": true,
-    "inlineSources": true,
-    "noImplicitAny": false,
-    "ignoreDeprecations": "5.0",
-    "suppressImplicitAnyIndexErrors": true,
-    "outDir": "bundles/",
-    "downlevelIteration": true,
-    "paths": {
-      "@viewfly/core": [
-        "../core/src/public-api.ts"
-      ]
-    }
-  },
-  "include": [
-    "src"
-  ],
-  "ts-node": {
-    "compilerOptions": {
-      "module": "CommonJS"
-    }
-  }
-}