@focus-teach/ui 1.0.0

package/dist/img/icon_question.e931b16c.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_question</title>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="如何关联变式题" transform="translate(-199.000000, -64.000000)" fill-rule="nonzero">
+            <g id="Group-9备份-2" transform="translate(182.000000, 64.000000)">
+                <g id="icon_question" transform="translate(17.000000, 0.000000)">
+                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                    <path d="M7.5,12.25 C7.5,11.8357864 7.83578644,11.5 8.25,11.5 C8.66421356,11.5 9,11.8357864 9,12.25 C9,12.6642136 8.66421356,13 8.25,13 C7.83578644,13 7.5,12.6642136 7.5,12.25 Z M8.663,9.779 C8.663,10.0551424 8.43914237,10.279 8.163,10.279 C7.88685763,10.279 7.663,10.0551424 7.663,9.779 L7.663,8.7975 C7.663,8.52135763 7.88685763,8.2975 8.163,8.2975 C9.178,8.2975 10,7.351 10,6.337 C9.98345753,5.33440492 9.16598154,4.53030573 8.16325,4.53030573 C7.16051846,4.53030573 6.34304247,5.33440492 6.3265,6.337 C6.3265,6.61314237 6.10264237,6.837 5.8265,6.837 C5.55035763,6.837 5.3265,6.61314237 5.3265,6.337 C5.34710524,4.78499322 6.61110644,3.53766215 8.16325,3.53766215 C9.71539356,3.53766215 10.9793948,4.78499322 11,6.337 C11,7.733 9.9915,9.017 8.663,9.2535 L8.663,9.7785 L8.663,9.779 Z M8,15.5 C3.858,15.5 0.5,12.142 0.5,8 C0.5,3.858 3.858,0.5 8,0.5 C12.142,0.5 15.5,3.858 15.5,8 C15.5,12.142 12.142,15.5 8,15.5 Z M8,14.5 C11.59,14.5 14.5,11.59 14.5,8 C14.5,4.41 11.59,1.5 8,1.5 C4.41,1.5 1.5,4.41 1.5,8 C1.5,11.59 4.41,14.5 8,14.5 Z" id="形状" fill="#FF9800"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/mixins/emitter.js

@@ -0,0 +1,33 @@
+function broadcast(componentName, eventName, params) {
+    this.$children.forEach(child => {
+        const name = child.$options.name;
+        if (name === componentName) {
+            child.$emit.apply(child, [eventName].concat(params));
+        } else {
+            broadcast.apply(child,[componentName,eventName].concat([params]));
+        }
+    })
+}
+
+export default {
+    methods: {
+        dispatch(componentName, eventName, params) {
+            let parent = this.$parent || this.$root;
+            let name = parent.$options.name;
+
+            while(parent && (!name || name !== componentName)) {
+                parent = parent.$parent;
+
+                if (parent) {
+                    name = parent.$options.name;
+                }
+            }
+            if (parent) {
+                parent.$emit.apply(parent, [eventName].concat(params));
+            }
+        },
+        broadcast(componentName, eventName,params) {
+            broadcast.call(this, componentName,eventName, params);
+        }
+    }
+}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@focus-teach/ui",
+  "version": "1.0.0",
+  "private": false,
+  "main": "dist/@focus-teach/ui.umd.min.js",
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "test:unit": "vue-cli-service test:unit",
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -d dist",
+    "lib": "vue-cli-service build --target lib packages/index.js"
+  },
+  "dependencies": {
+    "axios": "^0.21.1",
+    "core-js": "^3.6.5",
+    "element-ui": "^2.15.1",
+    "sass": "^1.26.5",
+    "sass-loader": "^10.1.1",
+    "vue": "^2.6.10",
+    "vue-infinite-scroll": "^2.0.2",
+    "underscore": "^1.13.1",
+    "vue-router": "^3.0.3",
+    "vue-loader": "^15.9.6",
+    "vuex": "^3.0.1",
+    "qs": "^6.10.1"
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+    "@vue/cli-plugin-babel": "^3.10.0",
+    "@vue/cli-plugin-unit-mocha": "^3.10.0",
+    "@vue/cli-service": "^3.10.0",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "babel-plugin-component": "^1.1.1",
+    "chai": "^4.1.2",
+    "cheerio": "^1.0.0-rc.3",
+    "gh-pages": "^2.2.0",
+    "markdown-it": "^9.1.0",
+    "markdown-it-container": "^2.0.0",
+    "sass-loader": "^10.4.1",
+    "vue-markdown-loader": "^2.4.1",
+    "vue-template-compiler": "^2.6.10"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,19 @@
+module.exports = {
+    browsers: ["ie > 8", "last 2 versions"],
+    features: {
+      "bem": {
+          shortcuts: {
+              component: "b",
+              modifier: "m",
+              descendent: "e"
+          },
+          separators: {
+              descendent: "__",
+              modifier: "--"
+          }
+      }
+    },
+    plugins: {
+        autoprefixer: {}
+    }
+};

package/style/icon/Read Me.txt

@@ -0,0 +1,7 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.

package/style/icon/demo-files/demo.css

@@ -0,0 +1,152 @@
+body {
+  padding: 0;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  color: #555;
+  background: #fff;
+}
+h1 {
+  font-size: 1.5em;
+  font-weight: normal;
+}
+small {
+  font-size: .66666667em;
+}
+a {
+  color: #e74c3c;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+  box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+  box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+input {
+  color: inherit;
+  line-height: 1.5;
+  height: 1.5em;
+  padding: .25em 0;
+}
+input:focus {
+  outline: none;
+  box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+  font-size: 16px;
+  width: 15em;
+  padding-bottom: 1em;
+  margin-right: 4em;
+  margin-bottom: 1em;
+  float: left;
+  overflow: hidden;
+}
+.liga {
+  width: 80%;
+  width: calc(100% - 2.5em);
+}
+.talign-right {
+  text-align: right;
+}
+.talign-center {
+  text-align: center;
+}
+.bgc1 {
+  background: #f1f1f1;
+}
+.fgc1 {
+  color: #999;
+}
+.fgc0 {
+  color: #000;
+}
+p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+.mvm {
+  margin-top: .75em;
+  margin-bottom: .75em;
+}
+.mtn {
+  margin-top: 0;
+}
+.mtl, .mal {
+  margin-top: 1.5em;
+}
+.mbl, .mal {
+  margin-bottom: 1.5em;
+}
+.mal, .mhl {
+  margin-left: 1.5em;
+  margin-right: 1.5em;
+}
+.mhmm {
+  margin-left: 1em;
+  margin-right: 1em;
+}
+.mls {
+  margin-left: .25em;
+}
+.ptl {
+  padding-top: 1.5em;
+}
+.pbs, .pvs {
+  padding-bottom: .25em;
+}
+.pvs, .pts {
+  padding-top: .25em;
+}
+.unit {
+  float: left;
+}
+.unitRight {
+  float: right;
+}
+.size1of2 {
+  width: 50%;
+}
+.size1of1 {
+  width: 100%;
+}
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.hidden-true {
+  display: none;
+}
+.textbox0 {
+  width: 3em;
+  background: #f1f1f1;
+  padding: .25em .5em;
+  line-height: 1.5;
+  height: 1.5em;
+}
+#testDrive {
+  display: block;
+  padding-top: 24px;
+  line-height: 1.5;
+}
+.fs0 {
+  font-size: 16px;
+}
+.fs1 {
+  font-size: 32px;
+}
+

package/style/icon/demo-files/demo.js

@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+    document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+    var target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
+});
+
+(function() {
+    var fontSize = document.getElementById('fontSize'),
+        testDrive = document.getElementById('testDrive'),
+        testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
+}());